Oi gente. Falta um seguidor para o sorteio *--* estou muito feliz. Já ia dormir, mas pensei em postar um tuto antes: Esse tuto é de como deixar os links em efeito hover e sem aquela bendita bordinha "reta" eu acho feinha, me julguem e sim, uma tracejada. exemplo:
Vamos ver?
Vá em seu HTML, aperte Ctrl + F e procure por a:link {, logo abaixo, terá o seguinte código:
Apague todo esse trecho e substitua por:a:link {
text-decoration:none;
color: $(link.color);}a:visited {text-decoration:none;color: $(link.visited.color);}a:hover {text-decoration:none;color: $(link.hover.color);}
a:link {Aí, é só alterar o que está em sublinhado pelo código da cor que deseja para cada função. Vou passar uma "tabela de cores" para vocês escolherem a vontade. (x) E pronto. Agora vou dormir u_u
color: #CÓDIGODACOR; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #CÓDIGODACOR; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #CÓDIGODACOR; /*Cor do link quando passa o mouse*/
border-bottom: 1px dashed #CÓDIGODACOR; /*Cor da bordinha tracejada*/
text-decoration: none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
~ Kisses
eu usava no meu layout antigo acho bem fofo............
ResponderExcluirbjkas e bom domingão........
http://louca-por-html.blogspot.com.br/
também acho *--*
Excluirbeijos, pra vc tbm :3
Espero que o seguidor chegue logo ;3
ResponderExcluirAdorei o tuto.
Beijos da Lets | Vida de uma SONE
Obrigada *uu*
ExcluirSeja quem for essa pessoa siga logo :3
ResponderExcluirAmo esse tuto, sempre uso nos meus lays.
anainstant.blogspot.com
Awn *--* hushaush
Excluireu também ^^ obrigada pelo comentário o/
Nah, eu usava no lay antigo, acho lindo *--*
ResponderExcluirEu conheço, claro. Mas é mega útil para os novatos na blogo, ;3
ResponderExcluirTambém acho hihi *_*
Excluir