terça-feira, 29 de novembro de 2011

Tutorial: linha pontilhada embaixo do titulo do post.


Gente, sabem essa linha pontilhada no titulo do post, então vou ensinar como por.Bem, envolve HTML então indico vocês a salvarem no seu bloco de notas o HTML recente, para se der algo errado, você possa colocar de volta.

Primeiro, vai em design no painel, e depois em editar html e procure por:



h3.post-title {

Então, vai aparecer, mais ou menos 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;
}
Tá, agora tem que apagar isso, -k.

Aviso! Isso poderá comprometer seu layout, na hora de mudar a fonte utilizada, então por favor lembre-se, salve seu lay antes ! -k

E coloque isso no lugar:

#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 */

Ps: tutorial testado no modelo viagem, qualquer dúvida deixe seu coment .
Créditos:http://chovendoemparis.blogspot.com

2 comentários:

  1. já tah como afiliada
    bjinhos
    http://a-vida-no-ballet.blogspot.com

    ResponderExcluir
  2. Oii,infelizmente você não ganhou o sorteio do Take a Look,mas tem um selo de aprovação para você,vê lá!
    >http://andrademilena.blogspot.com/2011/11/selo-de-aprovacao-para-todas-e.html

    post sobre as ganhadoras do sorteio->http://andrademilena.blogspot.com/2011/11/vencedoras-do-sorteio.html
    beijos e obrigada por participar!

    ResponderExcluir