Visualizar

Tutorial: Links do blog com fundo colorido!


05 novembro 2011

311709_10150364322429006_190316184005_8583354_544948553_n_large

Há pedido de uma leitora super fofa,hoje vamos aprender como deixar os links do blog com muito mais estilo: coloridos! Além de destacar,ajuda e muito na aparência, vi esse tuto no Ecleticus e resolvi compartilhar com vocês *-* Tomem como exemplo o Famenine Place:


1.) Vá em Designer > Editar HTML  > Dê Ctrl + F  e procure pelo código: .post-footer {
Deve estar assim:

2.) Antes de fechar a chavinha,coloque o código abaixo:

.post-footer a{
color:#FF1493;
background: #FFFF00;
text-decoration:none;
}
.post-footer a:hover{
background: #FF1493
color: #FFFF00;
text-decoration:none;
}

Entenda:
 #FF1493 - Refere-se a cor do marcador
 #FFFF00 - Refere-se a cor do fundo do marcador
 #FF1493 - Refere-se a cor do link quando passado o mouse
 #FFFF00 - Refere-se a cor do fundo quando passado o mouse

3.) Depois visualize e, se estiver tudo certo,salve!


11 comentários:

  1. OMG brigada Guria! vc não sabe o quanto estava atrás desse tutu! vc salvou minha vida hauhauahua

    Beeeeeeijos Irei fazer agorinha mesmo

    (:

    ResponderExcluir
  2. Guria muito obrigada mesmo, já fiz(E AMEI) não mudei nem as cores do código, pois achei lindas as que vc colocou ta?

    Beeeeijos flor

    ResponderExcluir
  3. E como gostei hein' to procurando esse tutorial a quase 1 mes e meio *---* Obrigada (:

    ResponderExcluir
  4. agora ta faltando um que eu n consigo achar tbm, é deixar o link em negrito quando passa o mouse ^^

    ResponderExcluir
  5. oi!!!Acho que fiz alguma coisa errada porque meu blog n mudou nadica de nada!!Mas msm assim brigada e queria pedir pra vc um tutorial falando como vc conseguiu fazer o seu titulo personalizado(sou nova no assunto blog hehe) beijocas e to esperando a postagem!!

    ResponderExcluir
  6. Não mudou nada no meu blog. :/

    ResponderExcluir
  7. Tava procurando esse tuto há um tempão *---*
    Mas como assim antes de fechar a chavinha, dá pra esclarecer melhor? Coloquei de varias formas e não mudou nada...

    ResponderExcluir
  8. Amei as dicas , http://miss-teensami.blogspot.com/

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥