Oi meus queridos!!! Queria agradecer a todos que elogiaram meu novo layout fiquei muito feliz, pois foi difícil decidi entre o que eu queria e eu não queria, pois muitas vezes dava erro e tive que reiniciar várias vezes.
Queria dar um aviso a quem baixou o layout antigo do post de ontem para apagarem aquela pasta de membros, pois coloquei lá, mas não me lembrei que ele não vai pegar em outros blogs, pois é código do Sweet, apague, não coloque no seu blog, pois vai dar erro.
Me esqueci de dizer ontem que agora tem um gadget onde vou colocar de semana a semana um blog, esse é o gadget Destaque os blogs que irão ficar são os que eu gosto de visitar e que sempre estão comentando aqui no blog. O blog que está agora é o ♥ Only Dreams ♥
Recebi um pedido na ask já faz tempo para ensinar a deixar as fontes pequenas e de cor diferente nos gadgets do blog igual do layout antigo. Bem para deixar daquele jeito vá até o HTML do seu blog e procure por: /* Widgets abaixo vai ter .footer-inner .widget, se não tiver é o primeiro footer. Cole isso:
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }.footer-inner .widget,.sidebar .widget {font-family: silkscreen;color: #000;font-size: 8px;}
Fonte é o silkscreen, a cor nesse está preta, mas pode colocar a cor que você quiser e o tamanho.
Bem, como não fazer só isso eu tinha que trazer mais alguma coisa para acrescentar no post, então criei esse efeito que nomeei de Efeito Pronto Girei nome nada origem.
Para visualizá-lo clique aqui.
Vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
]]></b:skin>
E acima desse código cole:
.efeitoprontogirei{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0.659) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.659) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.659) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.659) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.659) skew(1deg) translate(0px);
}
.efeitoprontogirei:hover{
transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-ms-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
}
Não mexa em nada apenas Salve!
Agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole o seguinte código:
<a href="URL" title="NOME"><img src="IMAGEM" class="efeitoprontogirei" /></a>
<a href="URL" title="NOME"><img src="IMAGEM" class="efeitoprontogirei" /></a>
<a href="URL" title="NOME"><img src="IMAGEM" class="efeitoprontogirei" /></a>
<a href="URL" title="NOME"><img src="IMAGEM" class="efeitoprontogirei" /></a>
URL é link do redirecionamento.
NOME é o nome do local a ser redirecionado
IMAGEM é a imagem que você quiser colocar
Faça as mudanças necessárias e Salve!
Pronto!!!
Espero que gostem!
Se usar dê créditos ao Sweet of Cherry
