16 de out de 2012

Tutoriais: Hover no titulos da Post + Fundo colorido atras do titulo .


Tumblr_mar6guotni1r3nmbqo1_500_large

Oi, muito bom dia galera, como vocês estão ? Bom, tava  revendo as post do blog, e percebi que faz tempo que não posto tutorial, então hoje trouxe dois !  O primeiro é como colocar o efeito hover nos titulos das postagens, e o outro é como colocar fundo atrás dos titulos d a post tambem .
Hover no título do postagem .

Vá no HTML, e procure por:  h3.post-title a:hover {
E, antes de fecha a chave { , cole :

color: #EDE4E7;

Aonde está #EDE4E7; , substitua pela cor que você quiser .
Salve, se não der certo, tente dinovo !

Fundo Colorido no titulo da post .

Ainda no HMTL, tecle Ctrl + F, e procure por:  h3.post-title {
E novamente antes de fechar a { cole o seguinte código:

border-bottom: 1px solid #000000; /* Estilo da borda */ 

Modifique o #000000; pela cor que você quer o fundo !

Todos os créditos ao Paloma Moraes.
Beijos, sei que a post ficou pequena, mas na próxima post tento fazer uma post melhor, quem tiver ideia pra post,ou pedido de tutorial,por favor peçam por comentários !
Beijos, Mih .

6 comentários:

Michelle S. disse...

Esses tutoriais são muito fáceis e divos não é mesmo?!

Nhaac || cupcakeofshine.blogspot.com

Paula ­SM disse...

Ótimo tutorial, super fácil! ^^ E aqui está muito lindo Milleny <3

Beijinhos, Paula! ♥
~Sweet Makeup~
(clica no perfil pra visitar meu blog)

dasi p disse...

Adorei o tutorial, talvez use no próximo layout. Aceita afiliação?

Republica Feminina

Carla M. disse...

Gente, eu tô aqui MORRENDO de fome, e vc me posta uma foto dessa? kkkkkkk
Muito legal o tutorial, vamos ver se esse eu consigo fazer rs
Beijo.
http://avengercarla.blogspot.com.br/

Fe Machiori disse...

Adorei o tutorial! O título do post fica bem melhor assim com essa personalização ^^

Beijinhos Açucarados~~> the-world-icons.blogspot.com

Anônimo disse...

buy viagra toronto buy viagra uk fast delivery - buy viagra online japan