27/04/2013

Tutorial - Título da Postagem em Hover



Boa noite pessoal ^-^

Tudo bom? Ah, sabiam que estou postando no Poison Html? Sim, fui uma das escolhidas, e estou super feliz. Quem é leitor de lá também, já deve ter visto minha apresentação. E agora estou dividindo minha Ask com lá também, sei que isso não interessa a vocês, sorry *-*

Trouxe um tutorial muito simples, e que eu acho que fica perfeito em todo blog, não pode faltar, e várias pessoas usam, mas tem sempre aquelas que também não usam, então aqui está o tutorial. Peço poooooor favooor que se reblogarem creditem ao Lovers Of Html, no caso aqui.



~ Vá no HTML do seu blog, clique em qualquer parte da caixinha, e procure por /* Posts
Abaixo dessa tag vai ter uma linha, e substitua esse código:: 

h3.post-title {
  margin-top: 20px;
}



Por esse ::

h3.post-title {
margin-top: 20px;
text-align: center;
}
h3.post-title a {
color: #ed9696;
font-size: 24px;
text-shadow: 0px 1px 1px #c5c5c5;
-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.1s ease-in;
transition: color 0.4s ease-in;
}
h3.post-title a:hover {
text-decoration: none;
color: #9fccc6;
}


Onde está em negrito, é a cor do título normal;
Onde está sublinhado, é a cor do título em hover; 



É isso, e se reblogarem creditem aqui, pfvr. 

Beeeijos, e até a próxima fofuras *u*


30 comentários:

  1. Pra quem não sabe,fazemos parte de uma web show,veremos se ainda essa semana postamos.Mais vamos esperar o design ficar pronto.Se quiser seguir o nosso blog,desde já , agradecemos.
    http://thebestteeen.blogspot.com.br/

    ResponderExcluir
  2. Eu já conhecia esse tuto ele é realmente bem útil
    Sweet Love

    ResponderExcluir
  3. Parabéns por entrar no Poison HTML!! ^^
    Adorei o tutorial <3 :)

    @Catching Stars

    ResponderExcluir
  4. bem legalzinho! Adorei, embora seja básico, não se encontra em muitos lados! Beijão, http://disclaimer-official.blogspot.pt/

    ResponderExcluir
  5. Que efeito lindo, vou colocar no meu *-*

    Estou seguindo aqui, se puder segue o meu também se não for incomodo haha!

    Beeeijooocaaas <3

    http://kawaii-noitesdeinverno.blogspot.com.br/

    ResponderExcluir
  6. Nossa, que massa esse efeito, muito lindo, eu amei !

    Estou seguindo !

    Aceita afiliação?

    http://www.blogmeninamulher.com/

    ResponderExcluir
  7. Que legal!♫.
    Poderia comentar e seguir?
    http://morango-sabor.blogspot.com.br/

    ResponderExcluir
  8. Belo tuto, estava precisando <3
    kisses
    >> ncnosekai.blogspot.com

    ResponderExcluir
  9. Adorei , muito obrigadadei muito certo!

    ResponderExcluir
  10. Amei o tuto e seu blog está lindo ! Na verdade sempre foi mais está muito mais divo HAHA' s2

    Vaga para Afilidos ~ Corre !

    ResponderExcluir
  11. Parece ser bom, talvez eu coloque, tava procurando este tutorial faz tempo *u*
    Vim avisar que ta tendo um game valendo divulgação na sidebar, participa?
    Kissus ♥

    http://amiguinhas-felizes.blogspot.com.br/

    ResponderExcluir
  12. Ótimo tutorial como sempre.
    Vou usa-lo no meu próximo layout.

    http://sarang-cute.blogspot.com

    ResponderExcluir
  13. AAAAAAAAH ! TAVA PROCURANDO ESSE TUTORIAL ! brigadaaa *u* ~ Vou repassar <3 (com créditos u3u)

    Novo Blog - Visita?

    ResponderExcluir