1 de ago. de 2013

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

| |

Yoo  (((o(*゚▽゚*)o)))


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

Nenhum comentário:

Postar um comentário

- Não xingue ninguém, pois toda ação tem uma reação.
- Não julgue a opinião dos leitores. Se fizessem isso com você, você não gostaria, certo?
- Não peça pra seguir de volta ou visitar seu blog. É deselegante.
- Não xingue meu blog. Ele é feito com muito esforço, e não gosto de ninguém "pisando" nele :)