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..
h3.post-title {Então vai aparecer isso:
h3.post-title {margin-top: 20px;}Apague toda aquela parte.
h3.post-title a {font: $(post.title.font);color: $(post.title.text.color);}
h3.post-title a:hover {text-decoration: underline;}
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:
Ótimo tutorial! Ajuda a dar uma organizada no corpo do blog! :)
http://meninamoderna-blog.blogspot.com/
P.S.: OMG, achei uma directioner! #pirandoaqui
ótimo tuto ;]
adorei o blog, seguindo é claro... rs, Beijo
http://bb-garotax.blogspot.com
Postar um comentário