sábado, 12 de novembro de 2011

Efeitos no texto das postagens: negrito, itálico, sublinhado entre outros (blogspot)





Não sei se vocês perceberam mais o blog está de visual novo haha *-* (impossível não perceber só novos leitores kkk). Quando eu estava configurando o blog, procurei alguns tutoriais, dentre os que eu achei, encontrei um bem legal no Material Extra que dá efeitos no links do blog

Confira:

underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*


você pode usar esse efeitos em:

h3.post-title {  (apenas o link normal)
margin-top: 03px;
text-decoration: none;
}

h3.post-title a {  (apenas o link normal)
font: $(post.title.font);  
color: $(post.title.text.color);
text-decoration: none;
}

h3.post-title a:hover {  (só mostrará o efeito ao passar o mouse por cima do link)
text-decoration: none;
}

ou

a:link {  (efeito do link em estado normal)
text-decoration:none  
color: $(link.color);
}

a:visited {  (efeito do link depois de clicado)
text-decoration:none;  
color: $(link.visited.color);
}

a:hover { (efeito quando o mouse passa sobre ele)
background-color: #E0EEEE ;
text-decoration:underline;  
color: $(link.hover.color);
}

ou em qualquer outro código que seja aceito é claro.

coloque o nome do efeito onde está marcado de vermelho.

Beijinhos e obrigada pelo segundo código Candy Reis.

4 comentários:

  1. AAAAA ADOREI! Amei o tuto! vou colocar no meu blog *-*


    post novo no garota sentimento:
    vidadegarota-dalva.blogspot.com/

    passa lá? =D

    ResponderExcluir
  2. Olá =)
    Muito bacana o post.
    Uma dica que te dou,é que precisa mudar o fundo dos comentários ou destacar o link que esta escrito "Postar um comentário",pois por causa do fundo quase não dá para ver.

    Beijos^^

    http://girlsupimpa.blogspot.com/

    ResponderExcluir
  3. Lindo lindo este blog ♥

    http://meninas-lindas-cdm.blogspot.com

    ResponderExcluir
  4. Gostei muito do seu blog, parabéns.
    Tem interesse em fazer parceria? Um abraço!

    http://ricardosenee.blogspot.com.br

    ResponderExcluir

Olá! Obrigada pela sua visita e comentário♥

Leia também:

Subir