09 junho 2012

Como tirar sublinhado dos links+efeito arco-iris nos links

1286764613528_f_large

Gostaram do novo layout? Super amei!
Hoje trouxe dois tutoriais super fáceis que dão um ar mais personalizado ao seu blog.
O primeiro é como retirar o sublinhado feio dos links. Vi no Dicas Blogger. E o efeito arco-íris eu vi no Bad Reputation.

Vamos Começar? *u*
Aviso: O primeiro mexe com HTML, o outro não.

Para ver o tuto lindo, clique em Leia Mais:

Como tirar sublinhado dos links
-Vá para Design>Modelo>Editar HTML>Prosseguir> Ctrl+F
-Se os seus links tem o sublinhado mesmo sem passar o mouse por cima, e você quiser retirar, procure por:
a:link {
-Você vai achar algo mais ou menos assim:
a:link {
color:$linkcolor;
text-decoration:underline;
}
Se o seu estiver com o underline troque underline por none.
Se o seu estiver com none, deixe assim mesmo.

-Agora sabe hover?Ou seja, quando você passa o mouse em cima do link e ele fica sublinhado? Vamos tirar isso. Procure por:
a:hover {
-Você vai achar algo mais ou menos assim:
a:hover {
color:$titlecolor;
text-decoration:underline;
-Achou? Agora troque underline por none.

 Agora visualize e veja se está tudo certo. Clique em salvar modelo.
Colocando efeito arco-íris nos links
-Sabe os links aqui do Chiclete que quando você passa o mouse em cima eles começam a mudar de cor? Então, eu uso um tuto super fácil, nem precisa mexer em HTML!

-Primeiro vá em Design>Layout>Adicionar Novo Gadget> HTML/Javascript
Então você cola esse código:
<script src='http://dl.getdropbox.com/u/647003/ciudadblogger/scripts/rainbowlinks.js'/></script>
E clica em salvar!
Fácil né?

Eu acho esses dois tutos lindões, e super fáceis!
Qualquer probleminha call me maybe comenta aqui embaixo, que respondo rapidão! ^^
O que acharam do novo lay do blog??


Beijos de arco-íris,
Vickie♥

2 comentários: