Image Map

01/07/2012

Tutorial: Mudando negrito, itálico, sublinhado e riscado!

Créditos ao lindo blog World Girl 
nunca diga não a um panda
 Bom dia sorvetinhos de baunilha 
 Tudo bem com vocês? Espero que sim. Hoje trouxe um tutorial bem legal pra vocês, que além de ser legal é bem fácil de ser usado/editado! Os créditos estão no topo da postagem, pra quem ainda não viu.
 O tutorial é de editar o negrito, itálico, sublinhado e riscado, automaticamente, sem tem que ficar mudando as cores e tal, além de esse ter também efeito hover.
 Vamos lá?
 Vá em Design> Editar HTML> Tecle Ctrl+ F e procure por: ]]></b:skin>
 Assim que achar, cole acima do código:
b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */strike {color: #009900  ; text-decoration: strike;  } /*estilo do riscado */strike:hover {color: #FF00FF; text-decoration: strike;  } /*estilo hover do riscado */
 Aí é só mudar as cores. E se quiser, pode mudar onde tem escrito "dashed" (que significa pontilhado) por "solid" (que significa sólido, mas fica uma linha reta).
 E aí, gostaram? Espero que sim. Esse tutorial deixa os posts mais coloridos e com mais "vida", na minha opinião. Claro que também não é pra abusar né, e ser daquelas pessoas que colocam cores neons que gritam "VIDALOKA" na sua cara, hahaha.
 É isso. Beijinhos com glitter :*

33 comentários:

  1. É muito legal esse tutorial! Deixa mesmo o post com mais vida!
    Está tendo um concurso lá no meu blog! Ficarei feliz se participar!
    Beijos,

    blogmodaonline.blogspot.com

    ResponderExcluir
    Respostas
    1. Bom que gostou, flor :3
      É, concordo!
      Okok, vou dar uma olhadinha!

      Excluir
  2. Gostei do tuto, Paulinha! Sempre nos ajudando *-*

    ResponderExcluir
  3. A sua cara, Paulinha: http://weheartit.com/entry/31691148/via/bloodyvamp

    ResponderExcluir
    Respostas
    1. Ai meu Deus, que lindooo! E essa foto é de alguma brasileira porque tem esmaltes brazucas lá :3

      Excluir
  4. Oie paulinha,
    Ameeei a dica,ja vou colocar no GA,otimo post!
    E pra avisar,tem post novo la no meu blog,da uma passadinha la?
    Agradeco! Beijinhos
    http://garota-amargurada.blogspot.com

    ResponderExcluir
    Respostas
    1. Bom que gostou, Leh! Ok, vou ir lá ver ^^
      Beijinhos :*

      Excluir
  5. Já fiz :b
    Nanda <3

    delicatepinkties.blogspot.com

    ResponderExcluir
  6. Awn, amei o tutorial Paulinha!! Parabéns, o PC ta lindo demais nesse estilo Rocker, arrasou♥ www.viverserfeliz-renata.blogspot.com

    ResponderExcluir
  7. Desculpe-me por te deixar esperando!

    ResponderExcluir
  8. Adoro esse tutorial, deixa o blog com um cara mais de alegre!http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Concordo que deixa o blog "com cara mais de alegre"! hahaha

      Excluir
  9. #i♥essetuto
    Haha (:

    http://thesweet-fantasy.blogspot.com.br

    ResponderExcluir
  10. Amei o tutorial, vou usar ^^
    Tem selinho pra você lá no blog, ok ?
    Beijos :*
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Aaawn, bom que gostou fofa! Ok, vou ir lá ver ^^

      Excluir
  11. Nunca dia não á um panda, ou será trancado dentro de um baú sem chave por mim u.u
    Depois que descobri esse tutorial, nunca parei de usar. É mais do que útil >.<

    Um beijo,
    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Nossa! hahaha. É, mega concordo!
      Beijos :*

      Excluir
  12. Vou tentar usar depois ... estou com uma preguicinha básica de mecher no HTML agora. rs'
    beijinhos :*


    sempregabriella.blogspot.com

    ResponderExcluir
  13. Muito bom o tutorial, já fiz. :D
    beijos
    http://neversaynever-believe.blogspot.com.br/

    ResponderExcluir
  14. Heeýy, princess!! Eu estava prestes a perguntar pra você como fazia isso, e daí: #BOOM!! Esse tuto apareceu!! Kisses♥

    ResponderExcluir
  15. Oi , adoro seu blog e queria saber como vc deixou assim a Area de comentários bj bj
    deixa a resposta no meu blog ok?
    http://ursinho--kawaii.blogspot.com.br/

    ResponderExcluir
  16. Ajudou muito! Consegui flor*-* Obrigada! Beijinhos!♥ Passei fome na frente do computador mais consegui, kkkk

    ResponderExcluir
  17. Ajudou muito, Paula (: Vou colocar agora mesmo lá no AS *--* Estava procurando um post desse. Sempre é bom colocar alguma cor nas postagem, mas sem exagerar, né? Hehe!

    aperta-o-start.(blogspot.com)

    PS: Tira os parênteses.

    ResponderExcluir
  18. ♥Paula tô passando para falar que criei outro blog no modelo travel, mas esse tuto não funcionou. Você sabe o que eu faço? Agradecida desde já♥
    http://bloggirlsandcupcakes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Aaah, tenta ver de novo o código, vai que você errou na hora de colocar/mudar as cores?
      É que em todo modelo travel ele presta D:

      Excluir