• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

9 de julho de 2012

linha pontilhada embaixo do titulo do post


Hellooo~♥~--- como vão gente?

Hoje irei ensinar um super cute tutorial para vocês, prontos?




 -------------------------------------------------------------------------------------------------------------------------------------------------
muitos blogs tem uma linha pontilhada no titulo do gadget, hoje vou ensinar como fazê-la,e para fazer ela você precisa ir em design no painel, e depois em editar html e procurar por:

h3.post-title {

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;
}

apague todo esse código acima 

Aviso   Isso poderá comprometer seu layout, na hora de mudar a fonte utilizada

cole isso no lugar do código apagado:

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

日本のオタク親愛なるさようなら!


22 comentários:

  1. Amei o tutorial megan! tá de parabéns!!!!

    ResponderExcluir
  2. Eu uso a linha pontilhada abaixo do título do post, fica bem cute >.<'
    Seguindo ^^'

    # >>> candycherry-official.blogspot.com

    ResponderExcluir
  3. Nooosa que tutorial heim moça. Muito útil. Seguindo aqui flor.

    :D
    http://blogclubeteen.blogspot.com.br/

    ResponderExcluir
  4. Adorei o Tutorial, deixa um efeito vem cutie-Jah conhecia ele hihi!
    Adorei também este blog, estou seguiindo!
    Bjoos

    http://blog-the-dream-perfect.blogspot.com.br/

    ResponderExcluir
  5. Acho uma gracinha *u* Dá um toque meio cute a depender do template. Pena que eu não possa usar :c Já tenho uma imagem por baixo.

    No novo template vou usar, certeza *u*

    http://www.kawaii-world.net/

    ResponderExcluir
    Respostas
    1. Haha' que massa, vai ficar demais :D obg por sua visita

      Excluir
  6. aa conheço esse tutorial, fica muito divõ!
    kisses~~

    #>>> www.the--baby.blogspot.com
    seguindo \õ

    ResponderExcluir
  7. Eu adoro esse tutorial, sempre uso nos meus lays, dá uma efeito cute mesmo >.<

    Farry Teen

    ResponderExcluir
  8. oi adorei seus tutoriais, se puder.. ensina a fazer esse slide que tem na sua lateral?
    tô precisando MUITO!!!!
    beijos. butecoparagarotas.blogspot.com (se puder comentar la em alguma postagem dizendo q vai ou não fazer eu agradeço) pq nao vou lembrar de vim aqui ver :/

    ResponderExcluir
    Respostas
    1. aqui: http://adolescentenerd.blogspot.com.br/2012/10/colocando-slide-igual-do-nivo.html

      Excluir
  9. Valeu Megan, já vou por no meu blog.Mais primeiro vou por em um de teste.
    Kissus ^3^
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
  10. Ficou feio, bagunçou tudo no meu blog.
    Mas pelo que vejo, ficaria bem lindo , como dizem outras pessoas.
    Beijinhos e parabens pelo tuto! ;*

    ResponderExcluir
  11. No meu fico lindinho, e como o meu modelo é outro não da para separar as postagens, ai isso deu uma ótima organização!
    Como eu faço para centralizar o titúlo?

    ResponderExcluir
  12. Blog todo preto, letras minusculas em tonalidade cinza.....MUITO RUIM DE LER E VISUALIZAR OS CÓDIGOS!!!!

    ResponderExcluir