7 de ago de 2012

Linha Pontilhada em baixo do Título do Post

Que gracinha >.<

 Oiee minhas fofinhas..
Hoje vou ensinar a colocar a linha pontilhada em baixo do título do post, igual aqui
do blog!! É muito fácil e super rápido..


 Primeiro, vai em design no painel, e depois em editar html e procure por:
h3.post-title {
Então vai aparecer isso:
h3.post-title {margin-top: 20px;}
h3.post-title a {font: $(post.title.font);color: $(post.title.text.color);}
h3.post-title a:hover {text-decoration: underline;} 
Apague toda aquela parte.
E no lugar coloque esse código:
#main .post h3 a, .post h3 a:visited, .post h3 strong {display:block;font-family: Hansa; /* troque pelo nome da fonte que você vai usar */font-size:20px; /* tamanho da fonte, edite se quiser */text-decoration:none; /* quer algum enfeite na fonte? troque none por underline para sublinhado, italic para itálica e bold para negrito */color:#FF82AB; /* cor do titulo do post */font-weight:none;text-align: left;border-bottom: 1px dotted #BEBEBE;} /* cor da linha pontilhada */#main .post h3 strong, #main .post h3 a:hover {color:#FF82AB; /* cor do titulo do post, quando passar o mouse */text-decoration:none; /* quer algum enfeite na fonte quando passar o mouse? troque none por underline para sublinhado, italic para itálica e bold para negrito */
Créditos: Chovendo em Paris

2 comentários:

Malu disse...

Ótimo tutorial! Ajuda a dar uma organizada no corpo do blog! :)

http://meninamoderna-blog.blogspot.com/

P.S.: OMG, achei uma directioner! #pirandoaqui

Garota X disse...

ótimo tuto ;]
adorei o blog, seguindo é claro... rs, Beijo

http://bb-garotax.blogspot.com