Home
Tutoriais
Efeitos
Ilustrações
Menus
Psds
Vagas
F.A.Q
Mapa
Layout free

Tutorial: Efeito Rotate, black white.


Olá galera. 

Fiquei dois dias sem postar não foi? Pois é, a preguiça me consumiu, porque eu estava pensando agora e eu não fiz exatamente nada de importante nesses dois dias além de dormir e ler. E como eu passo parte do dia dormindo, a noite eu fico acordada, como por exemplo agora, são quase quatro e meia da manhã e eu estou aqui acordada como se estivesse em um horário super normal, deixa apenas meu pai descobrir que eu estou acordada essa hora que é bem capaz dele tirar o computador, o videogame, até a hora de dormir se bobear. Imagina só, da meia noite e o meu pai não deixa eu dormir porque estou de castigo por ficar tarde demais no computador, isso é extremamente estranho. Não sei como ainda tenho a capacidade de pensar em uma coisa dessa, espero que ele não saiba que eu tenha um blog e que não leia esse post, pelo amor de Deus. 

Enfim, eu estava pensando em o que mais trazer pra vocês, tipo utilitários, tutoriais e etc... Bom, só reforçando o que eu acho que falei no facebook pra algumas pessoas, nos dias 27 ou 28 eu não vou poder postar no blog, eu ainda não sei mas parece que vou ter que assistir o meu sobrinho jogar futebol, aqueles campeonatos chatos de escola, pois é, e dai pretendo passar o dia na casa da minha irmã, Estão avisados hein! Perguntaram uma vez por comentários que dia eu fazia aniversário e eu não lembro se respondi, eu faço dia 3 de novembro, Show do Justin Bieber no Rio de Janeiro, ultimo show da Take Me Home tour que vai ser no Japão, e eu aqui em casa com certeza aguentando os meus tios e as piadas idiotas ou as minhas tias e aquele karaokê irritante que toda família tem. Bom, essa postagem tá ficando muito grande, então, eu trouxe um efeito que eu usaria para elite de afiliados, é bem bonitinho e espero que vocês gostem. Vejam o efeito:



Para aplicar esse efeito no seu blog, vá em Modelo > Editar HTML e procure por ]]>< apôs encontrar em cima dele cole:

/*-----By One Di Things----*/
.afiliados1d{
-webkit-filter: grayscale(100%);opacity:1;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.80s linear;
-webkit-transition: all 0.80s linear;
-moz-transition: all 0.80s linear;
transition: all 0.80s linear;
-webkit-border-radius: 50px;
 -moz-border-radius: 50px; border-radius: 50px; width:auto;
 -webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
}
.afiliados1d:hover{
-webkit-filter: grayscale(0%);opacity:1;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.80s linear;
-webkit-transition: all 0.80s linear;
-moz-transition: all 0.80s linear;
transition: all 0.80s linear;
-webkit-transform: rotate(360deg);}
}

Salve e depois vá em Layout adicione um gadget HTML/JavaScript E cole esse código:

<center>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
</center>

Salve e veja se tudo estiver certo, se der erro avise nos comentários, e se der certo avise também :) Até mais!  

9 comentários:

  1. uau muito bom (:
    worldpotatoes.blogspot.com/

    ResponderExcluir
  2. Que lindo, amei!

    ~ Será que poderia seguir? Meta de 100 seguidores, ajuda? Retribuo!

    ~ Flaming Unicorn

    >33<

    ResponderExcluir
  3. Que efeito perfeito *-----------*
    lovely-monsters.blogspot.com.br

    ResponderExcluir
  4. USANDO *-*
    http://myworldof-fanfics.blogspot.com.br/
    (OBS: NÃO ESTOU CONSEGUINDO LEVAR PARA BAIXO OS POSTS E OS GADGET! ME AJUDAAAAA)

    ResponderExcluir