30 de out de 2012

Modificações no link hover


Olá diamantes ! Vou passar a postar às terças e sextas.
Hoje trago um tutorial, que permite alterar o link hover (em vez de ter sublinhado, pode ter negrito, itálico...)

Primeiro, procure por a:hover {
O código que irá aparecer será este :

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}



1 - Se quiser negrito troque o "underline" por bold.

2 - Se quiser itálico troque o "underline" por none e acrescente antes de fechar a chave font-style:italic;

3 - Se quiser um sublinhado personalizado, coloque o seguinte código abaixo de text-decoration:underline;
border-bottom: 1px dashed #9370DB; Edite como quiser.

4 - Se quiser um fundo, coloque por baixo de text-decoration:underline; o seguinte código : 
background-color: #000000;

5 - Se quiser sem nada, troque o "underline" por none.

6 - Se quiser riscado,  coloque em vez do "underline"o seguinte código : line-through;

7 - Se quiser com e s p a ç a m e n t o é só colocar em vez de "underline" none e colocar antes da chave fechar letter-spacing: 2px; 


Se quiser meter também nos títulos dos posts e na sidebar, vá pesquisando "hover" e altere tudo como quiser.

Espero que tenham gostado !


Um comentário:

  1. Muito bom esse Tutorial viu? Seguindo aqui e amando bjão ♥

    minhamaniab.blogspot.com
    @BlogMinhaMania

    ResponderExcluir

Obrigada por ler e comentar!
Deixe o link do seu blog (ou seu perfil aberto) para que eu possa retribuir. Não gosto muito de responder dúvidas via comentários, então prefiro que você mande na ask ali ao lado ->
Comentários de divulgação sem nada sobre o post não serão retribuidos. Fale pelo menos um pouquinho sobre o post, por favor.
Faça aos outros aquilo que você quer que façam para você.