14 de junho de 2013

Novo Layout + Tutorial: Postagens mais Antigas com degradê



Olá leiitaroes :)
Mudei o layout do blog(como vocês podem perceber)!
não ficou totalmente do meu agrado, mais fazer o que né? rsrs
e vocês o que acharam?
Bom, hoje eu trouxe um tutorial de como colocar efeito degradê nas postagensmais antigas/início/anterior , achei  lá no Go imagines...
Para saber mais clique em :

Vá no seu html e pesquise por :

#blog-pager {
ACIMA desta tag (#blog-pager { ) , cole este código :

/* Navegação com efeito hover degradê - http://goimagines.blogspot.com.br */
#blog-pager {
clear:both;
text-align: center;
margin:0px auto;
padding:10px;
}
#blog-pager a:link, #blog-pager a:visited{
color: #ffffff; /* cor da fonte */ 
font-size: 16px; /* tamanho da fonte */ 
padding:5px;
background-color: #8BC2C9; /* cor do fundo */ 
-moz-border-radius:10px; /* bordas arredondas, apague se não quiser */ 
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#blog-pager a:hover{
color: #ffffff; /* cor da fonte hover*/ 
padding:5px;
background: #BFCED5; /* fundo hover, apague o código abaixo até } se não quiser degradê */ 
background: -webkit-gradient(linear, left top, left bottom, from(#BFCED5), to(#8BC2C9));/* webkit browsers */
background: -moz-linear-gradient(top, #BFCED5#8BC2C9);/* firefox3.6+ */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BFCED5', EndColorStr=' #8BC2C9');/* IE */
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}



É só editar as cores destacadas em preto :)
Para escolher os códigos das cores vá em : Cores html

Por hoje é só!
se usar credite o Go imagines, e o Garota de Atitude :)
 2 bjs e xau :)

4 comentários:

  1. *U* Novo layout... Gostei, sim, mas poderia melhorar em bastantes coisitas ((:
    Bom tuto flor *----*
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
  2. ahw amore adorei o novo lay da minha Sel *u* seguindo ;)

    ResponderExcluir
  3. Legal esse eu não conhecia, bem interessante. Achei que fico bem legal o novo layout não sou fã da Selena mas gostei dos efeitos das imagens. Ae quero agradecer pela visitinha em meu blog, já estou seguindo, tá bom? Poxa você pode postar o tutu do menu que uso no slide? Fico tão lindo.

    ||Bunny Crazy|| ♥Chu~

    ResponderExcluir
  4. Legal amore, e o layout ficou bonito.
    xoxo

    Inventando Moda

    ResponderExcluir

A moderação de comentários esta ativada!
Comentários maldosos não serão aceitos.

Translate