4.9.12

Tutorial -Links do Feed efeito Hover

Hoje eu vou ensinar como colocar o link do feed efeito hover é bem simples pelo menos o jeito que eu fiz é
Mas esse tipo não da para visualizar então recomendo que tenha uma copia do seu modelo,para caso haja erro você tenha uma copia de segurança

Bom clique em "expandir modelos widgets".Agora aperte ctrl f ou f3 e procure:
.blog-feeds, .post-feeds {

Feito isso você encontrara:
.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
  color: $(feed.text.color);
}
.blog-feeds a, .post-feeds a {
  color: $(feed.link.color);
}
.blog-feeds a:visited, .post-feeds a:visited {
  color: $(feed.link.visited.color);
}
.blog-feeds a:hover, .post-feeds a:hover {
  color: $(feed.link.hover.color);
}

Depois de encontrar isso substitua por isso:


.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
  color: $(feed.text.color);
}
.blog-feeds a, .post-feeds a {
  color: $(feed.link.color);
}
.blog-feeds a:visited, .post-feeds a:visited {
  color: $(feed.link.visited.color);
}
.blog-feeds a:hover, .post-feeds a:hover {
  color: $(feed.link.hover.color);
width:auto;-webkit-transition-duration:0.20s;}/*mude aki para o tempo q vc quiser q demore a transição de cores*\}


Aonde esta em vermelho mude para cor que você quer.E aonde esta em verde mude para o tempo que você quer que demore a transição.Salve e pronto

Credite se usar

6 comentários:

  1. Oi B-Love eu não uso hotmail somente Google Plus, Twitter e Facebook mas ultimamente eu estou usando o face.
    só é mim add que falaremos sobre o assunto do sorteio
    https://www.facebook.com/alan.lima.9277

    ResponderExcluir
  2. Selinho no meu blog ^^
    http://kattthecat-official.blogspot.pt/2012/09/selo.html

    Kiss~

    ResponderExcluir

Vai comentar? Muito obrigada, vai fazer uma louca feliz.
Mas antes temos umas regrinhas
♠- Apesar de eu falar palavrões, e de mais da conta, por favor se contenham com os palavrões também
♥- O Eternamente Otaku, e eu, Karin, adoramos novos rostinhos por aqui. Por isso não se acanhem em querer comentar.
♦- Eu respondo os comentários, as vezes demora um tempo, mas eu sempre respondo.
♣- Tua opinião é essencial para o blog. Mas claro, que espero que você tenha educação.
♠- Aceitos tags.
♥- Comente seu link no blog, mas recomendo que tenha cuidado, o google pode considerar spam.
♦- "Seguindo, segue?" Vou pensar ¬¬
Obrigada por comentar ♥