28 de dez de 2011

Tutorizando - Tirar o sublinhado e mudar as cores do título da postagem

| |
Resolvi abrir encomendas :3

Quando você passa o mouse por cima do título, ele fica assim: Título; Vou ensinar como tirar esse sublinhado, colocar outro efeito ou deixar sem nada, e mudar as cores. Clique em "Ler mais" para continuar.





Vá para Modelo > Editar HTML > Prosseguir e marque a opção "Expandir modelos de widgets".

Com o CTRL+f, procure pelo seguinte trecho:
h3.post-title a {
Logo abaixo dele, você deve ver isso ou algo parecido:


h3.post-title a {

  font: $(post.title.font);

  color: $(post.title.text.color);
}
 h3.post-title a:hover {
  text-decoration: underline;
  color: #FF3030;
}
Substitua  todo esse trecho pelo seguinte:



h3.post-title a {

  font: $(post.title.font);

  color: #CD5555; /* cor do título */
  text-decoration: none;
}
 h3.post-title a:hover {
  text-decoration: none;
  color: #FF3030; /* cor do título quando passa o mause */
}
 Agora modifique como quiser:

Abra essa tabela de cores. Copie o código da segunda coluna (ex: #ffffff).
- Onde está em vermelho: coloque a cor do título.
- Onde está em verde: coloque a cor do título quando passa o mouse.

- Onde está em lilas: coloque o efeito do título.
- Onde está em roxo: coloque o efeito do título quando passa o mouse.
Efeitos:

line-through - Riscado

overlineLinha por cima

underlineSublinhado

underline overline

Linhas por cima e por baixo





Obs: Esse tutorial foi testado apenas no modelo TRAVEL (viagem). 

Gostaram? Espero ter ajudado (:

SE COPIAR AVISE E COLOQUE CRÉDITOS POIS EU MESMA CRIEI ESSE TUTORIAL.

44 comentários:

  1. Boa tarde.
    Desculpa o incomodo, mas venho hoje pedir que olhe com carinho meu blog de resenhas literárias, o O Leitor.
    Se puder fazer parte, agradecemos.

    Obrigada e uma ótima quarta-feira. Beijos,

    Pamela.

    ResponderExcluir
  2. Ótimas dicas , gostei muito. Você sempre faz tutorias aqui?
    Beijos
    http://garotaxmulher.blogspot.com/

    ResponderExcluir
  3. Adorei o post!
    Essa dica é muito interessante!
    Esses dias eu tirei todos os sublinhados do blog ( título de postagem e links )! rs
    bjs
    charmofpink.blogspot.com

    ResponderExcluir
  4. Adorei as dicas, ma verdade adoro o blog ;)
    Sei que é um saco, mas poderia votar sno Let's get glam na barra lateral (lado direito) nese blog:
    http://blogmuitofofodaaline.blogspot.com/
    POR FAVOR???
    obrigada linda!

    XOXO
    http://letgetglam.blogspot.com/

    ResponderExcluir
  5. Muito obrigada a sério!
    Peço ajuda para divulgar o meu blog,e deixa me que te diga que gostava que o meu fosse como o teu *.*
    http://raparigaseassuscoisas.blog.sapo.pt/
    Beijinhos,
    Rapariga

    ResponderExcluir
  6. Gostei muito das mudanças no seu blog. É sempre bom renovar, né? Parabéns o novo design ficou lindo, assim como era o outro. Ótimo tutorias. Ahh, que pena que as vagas de afiliados estão fechadas. Quando abrir, por favor me avisa. Eu gostaria muito de ser afiliada do seu blog, seria um prazer para mim. A série do Thales continua no nosso blog, seria ótimo se você comentasse. bjs da Cacá
    Don’t Stop Believin’

    ResponderExcluir
  7. adorei o blog, linda! tudo mt legal aqui :)
    to seguindo, retribui? *-*
    beeeeeijos
    thá mendes
    http://rockssip.blogspot.com

    ResponderExcluir
  8. Gostaria de saber o mesmo tutorial, só que ao envés do título de postagem ser dos links!
    Poderia responder em meu blog por favor?
    Agradeço desde já!
    bjs
    charmofpink.blogspot.com

    ResponderExcluir
  9. Olá! Tudo bem? Puxa, mudou seu blog por completo hein, mudou ate o nome. kk Amei seu novo layout, ficou lindo! Ja votei em você lá nos blogs. Estou participando do sorteio tbm.

    "Obrigada pela particição do sorteio promovido pelo meu blog, ja temos um ganhador!
    Não fique triste pois não foi você, mais faremos outros sorteios e quem sabe você PARTICIPANDO não venha a ganhar, eu conto com isso."

    Beijos; @Raah_Castroo
    www.vidaadegarotaa-vdg.blogspot.com

    ResponderExcluir
  10. Amei o tutorial, ele já está presente com a gente lá no blog ;D
    Obrigada pela visita, tem post novo, comenta?
    Você pode votar na gente no blog onthefame.tk? Queremos muito ganhar esse concurso! As votações estão na barra lateral e se ganharmos, você aparecerá em um post de lá do MNQ.
    Se já votou, ignore o pedido.

    Beijos!
    meianoiteequinze.blogspot.com

    ResponderExcluir
  11. Linda, já votei em vocês nos dois concursos que pediu. Tô na torcida pra você ganhar, você merece! *---* O lay novo ficou lindo, que 2012 traga ainda mais sucesso ao seu blog. O tuto me ajudou muito, acabei tirando todos os sublinhados do meu blog. beijos da Cacá;*
    Don’t Stop Believin’

    ResponderExcluir
  12. ooi , parabéens pelo seu blog muitoo lindo *-* estoou seguindo tá ? (:
    Quando puder visite e siga meu blog (:
    Grata *-*
    http://faahsantos.blogspot.com/

    ResponderExcluir
  13. Eu acho super uteis esses tutoriais de html, mas não consigo aprender sabe? faço uma.. não deu certo eu perco a paciência kk

    ihaveinmybag.blogspot.com

    ResponderExcluir
  14. não tenho nada contra o sbt a final passa uns programas super legais!
    mais cada um tem seu gosto!
    sucesso!
    Beijos&Queijos, Peace Love (!)

    ResponderExcluir
  15. agora nao to no meu pc então nem tentei, mas quando eu entrar vou ver se dá certo!
    bjs
    http://s2juuh.blogspot.com/

    ResponderExcluir
  16. Uma dica super útil! Eu vou mudar amanhã mesmo mais é que eu já sei o que fazer!!! Mais qualquer coisa me manda o tutorial o link dele!

    Beijos,
    Sabrina
    http://linkmyfashion.blogspot.com

    ResponderExcluir
  17. ótimo o tutorial *-*

    http://evelynrestyles.blogspot.com/

    ResponderExcluir
  18. Flor, eu amanha ja vou colocar o novo blog no ar e ja vou colocar os afiliados! E lembra qe vc se inscreveu? Entao se ta na elite!

    Beijos,
    Sabrina
    http://linkmyfashion.blogspot.com

    ResponderExcluir
  19. nossa eu adorei esse tutorial, nunca encontrei em nenhum blog, e aqui ficou perfeito.

    beijos
    chiquissimas.blogspot.com

    ResponderExcluir
  20. Mt massa esse tudo! gostei, vou usar ele *-*


    adorei seu cantinho, ainda não tinha vindo aqui eu acho =X rsrs me visita? se gostar segue e deixa um recadinho avisando pra que eu possa retribuir. Beijão!

    Rawar -> World Girl
    http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  21. Heeyyy querida!!
    Adorei seu blog D+ e já estou seguindo :D
    Gostaria de fazer uma visitinha no meu?
    Estamos com a meta de conseguir 200 seguidores até o dia 31/12/11, poderia ajudar? ( é claro, se você gostar mesmo do blog) faltam apenas 2 misses! ;D
    patty-missgirl-patty.blogspot.com
    BJS!

    ResponderExcluir
  22. Olá, tem post novo lá no blog ! Se gostar comente, siga e curta a página do blog no Facebook. Adorei a postagem do seu blog, parabéns e continue assim.

    Beijos!

    @LaauraArvellos
    http://www.garotas-up.blogspot.com

    ResponderExcluir
  23. Vim aqui lhe pedir afiliação com o meu blog, o Garotas Up, meu blog fala sobre o mundo feminino, como moda e beleza. E venho aqui pedir afiliação , por que eu achei seu blog com um ótimo conteúdo, postagens ótimas e tem haver com o conteúdo do meu blog. Espero que aceite.

    ( me envie o recado por comentário )

    Beijos! E continue assim, muito sucesso!

    @LaauraArvellos
    http://www.garotas-up.blogspot.com

    ResponderExcluir
  24. Adorei o tutorial!

    Beijos!
    http://meumundoecolorido.blogspot.com/

    ResponderExcluir
  25. Tutorial bem útil!
    Ah, estou passando pra te desejar um feliz ano novo! Beijos e mais sucesso em 2012.

    somente-moda.blogspot.com

    ResponderExcluir
  26. Ótimo o tutorial mesmo. Ficou muito fofo o novo design. Tô apaixonada até agora. Talvez eu faça uma encomenda ano que vem. Você faz design muito bem. Obg pelo comentário lá no meu blog e volte sempre. beijos
    Don’t Stop Believin’

    ResponderExcluir
  27. Vai ficar linda passar o ano novo de branco e outra cor, vai combinar bastante (:
    Obrigada, desejo tudo de bom pra você também em 2012 :3

    Beijos, somente-moda.blogspot.com

    ResponderExcluir
  28. Já deixei meus votos, boa sortee viu você merece ganhar!

    ResponderExcluir
  29. Já votei em ti flor, boa sorte
    beijokas

    ResponderExcluir
  30. Adorei o tutorial bem util rs
    bj

    ResponderExcluir
  31. Esses tutoriais sempre fazem sucesso e com razão! Adorei, super útil mesmo =)

    Ah Carol, essa é a primeira vez que acesso seu blog e amei logo de cara! O conteúdo e o layout são apaixonantes. Garota, você tem um talento e tanto *-* Claaaaro que não pude deixar de segui-la! Seria uma honra vê-la no meu blog, e se gostar, seguir também! Tem posts novos por lá! Feliz 2012 linda!! Beijos!

    Psiu, I Love You!

    ResponderExcluir
  32. Precisava disso, procurei, achei aqui, e usei as instruções! Muito obrigado!

    ResponderExcluir
  33. Quando eu abro a mensagem, o título fica reduzido... :-( Pode ajudar?
    www.artedevender.com.br

    ResponderExcluir
    Respostas
    1. O título fica reduzido você quis dizer?
      Eu não sei como arrumar isso. No meu blog também acontece, mas eu deixei pra lá...
      Desculpe :/

      Beijos

      Excluir
  34. Procurei muuuuuuito esse tutorial,toda hora que eu ia fazer não dava certo,e esse eu consegui, brigada
    Eu ainda estou "arrumando" meu blog,mas em breve deixarei o link aqui pra que você possa acessá-lo ;)
    Beijos

    ResponderExcluir
  35. Procurei bastante esse tuto, valeu ;} eu reblogueio, ok? Beijos s2 fairytalesc.blogspot.com

    ResponderExcluir
  36. ameeei a tuto, rebloguei com os créditos amor bjs
    patydeallstar.blogspot.com

    ResponderExcluir
  37. Usei o tutorial daqui para um novo lay
    agradecida :)

    ResponderExcluir
  38. Ajudo Muiito

    http://craziiinforcandy.blogspot.com.br/

    ResponderExcluir

Comente a vontade, mas lembre de deixar o link do seu blog para que eu possa retribuir. E nunca, nunca mesmo, faça "copia e cola" por aqui.
Comente aqui somente sobre o post, pra qualquer outro assunto use a página de contatos (:

Bjj
Carol