12/02/2012

Tutorial- Personalizar link do blog




Oi! Meus cupcakes cobertos de açucar!

Hoje eu trouxe um tutorial para personalizar os links do blog.
Fica super kawaii.
Olhem:

Normal
Quando passa-se o mouse



Vamos lá?


Vá em editar HTML tecle Ctrl+f e procure por a:link {

Se você nunca mexeu nessa parte do HTML, vai aparecer mais ou menos assim:

Clique para ampliar

Apague o que está marcado na imagem e substitua por:

a:link {
text-decoration:none;
color: #ffc0cb; /*Cor do link*/
}
a:visited {
text-decoration:none;
color: #ff509d; /*Cor de item visitado*/
}
a:hover {
border-bottom: 1px dashed #ff0000; /*Tamanho tipo e cor da borda em baixo do link em hover*/
color: #FF4500; /*Cor do link em hover*/
text-shadow: 0 0 .20em #FF4500; /*Cor da sombra do texto em hover*/
}

Substitua as cores, use a tabela de cores.

Bem, é isso!
Kissus!

3 comentários:

  1. Obrigada pelo tuto,to usando no meu blog!
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  2. Oi flor. Usei seu tuto e adorei. Beijos.
    mythings2.blogspot.com

    ResponderExcluir
  3. Me ajudou usando esse tutorial ^^
    Kissus da Isa
    By || Doce bunny ||

    ResponderExcluir

Oi meus Cats!
Regrinhas dos comentários:

-Sem ofensas a algum leitor, autor ou blog.
-Sem conteúdo ofensivo.
-Deixe o link do seu blog no comentário, que assim que puder retribuirei a visita.
-Pedidos, na Ask.
-Se comentou, volte para ver a resposta do comentário.
-"Seguindo, segue de volta?", aceito, não vejo mal nem um. Mas se não houver nada no comentário a ver com a postagem, o comentário será ignorado.

Comenta, vai?