terça-feira, 4 de setembro de 2012

Tutorial -Links do Feed efeito Hover

Hj eu vou ensinar como colocar o link do feed efeito hover é bem simples pelo menos o geito q eu fiz é
Mas esse tipo ñ da para visualizar então recomendo q tenha uma copia do seu modelo,para caso aja erro vc tenha uma copia de segurança



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

Feito isso vc 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 q vc quer

E aonde esta em verde mude para o tempo q vc quer q 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