O meu código acima de ]]> não dá? veja como resolver

|| ||

Yoo então esta é a minha primeira postagem (`・ω・´)” sabem alguns códigos não estão dando acima de ]]></b:skin>, muitos dos meus não deram e vi que de alguns também não, bom do que me disseram há um código que bloqueia os outros por isso tem de se colocar todos os códigos por cima desse mas como não tem como saber disseram-me para usar as tags, bem carreguem em leia mais

Bem vocês terão que colocar o código que tinham que colocar acima de ]]></b:skin>, entre <style></style>
Como exemplo vou usar o código do efeito caption do KW

<style>@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}
imagem {display: block; position: relative; float: left; overflow: hidden; margin: 0 2px 2px 0;}
captioon {position: absolute; background: #000; color: #fff; padding: 3px 25%; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; text-align: center; line-height: 10px; font-size: 8px; font-family: "04b03", small-fonts; text-shadow: 1px 1px 3px #000;}
imagem:hover captioon {opacity: 0.75;}
imagem:hover:before {opacity: 0;}
.caption:before {bottom: 10px; right: 10px;}
.caption captioon {bottom: 3px; right: 30%;}
.caption:hover captioon {right: 0px;}</style>
Depois é só adicionar em baixo o código que se tem de colocar num gadget HTML/JavaScript tipo:

<style>@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}

imagem {display: block; position: relative; float: left; overflow: hidden; margin: 0 2px 2px 0;}

captioon {position: absolute; background: #000; color: #fff; padding: 3px 25%; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; text-align: center; line-height: 10px; font-size: 8px; font-family: "04b03", small-fonts; text-shadow: 1px 1px 3px #000;}
imagem:hover captioon {opacity: 0.75;}
imagem:hover:before {opacity: 0;}
.caption:before {bottom: 10px; right: 10px;}
.caption captioon {bottom: 3px; right: 30%;}
.caption:hover captioon {right: 0px;}</style>
<imagem class="caption">
<img src="LINK DA IMAGEM" />
<captioon>Legenda Aqui</captioon></imagem>


Isto foi só como exemplo u.u espero que tenha ajudado


2 comentários:

  1. Sérião véi tu me ajudou demais, eu to a maeia hora batendo a cabeça por causa disso...
    Muito obrigada, mais por que será que será que as vezes os códigos ñ funcionam?
    Kissus #May-Sun

    ResponderExcluir
    Respostas
    1. o.o ainda bem, de nada ^^
      eu não sei, agora para-se que algum bloqueia os outros, mas não tem como saber qual é u.u

      Excluir