quinta-feira, 6 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

fonte: eternamente otaku

Nenhum comentário:

Postar um comentário

Seja Bem vindo na página de comentários!
Por favor , não escreva palavrões e nem criticas ruins do blog ou qualquer outro blog,os comentários que quebrar as regras do blog,serão excluídos!E não se esqueça que como acabar de comentar coloque seu blog,e se n ter blog n tem problema, não precisa colocar...E siga o blog também antes de comentar...Se vc ter obedecido as regras,muito obrigada!
Bjos (My Cute Love Cupke)