quarta-feira, 24 de agosto de 2011

Personalizando Menu de páginas.

268779_184345894951810_100001292017131_461822_2111585_n_large
Olá povo! Quero dizer muito obrigada aos meus 51 seguidores aqui e na RFD (Revista Fashion Dream) *-* Seus lindos!
Enfim, a pedido da nossa leitora Vivi, hoje eu vou ensinar como personalizar o menu de páginas (igual ao da Fashion Dream e do layout que eu estou sorteando). É super fácil!
Então vamos ao tutorial. Primeiro, faça login em seu blog e vá em design, editar html, pressione as teclas Ctrl+F e procure por:
]]></b:skin>
E acima dessa tag, cole o seguinte código:

}
#PageList1 {
padding-left: 30px;
width: ;
height: 30px;
}
#PageList1 ul li a {
background:#1E90FF;
padding:  1px 16px 5px 16px;
}
#PageList1 ul li a:hover {
color: #ffffff;
text-shadow: 0 0 .5em #Cor da sombra;
background:url(Sua imagem quando passa o mouse);
border: 1px dashed #000000;}
#PageList1 {
padding-left: 30px;
width: ;
height: 30px;
}
#PageList1 ul li a {
background:#Sua Cor;
padding:  1px 16px 7px 18px;
}
#PageList1 ul li a:hover {
color: #ffffff;
text-shadow: 0 0 .5em #1E90FF;
background:url(Sua imagem quando passa o mouse);
border: 1px dashed #000000;}
Agora modifique onde está de vermelho e depois, visualize seu menu de páginas. Se gostar, salve!
P.S.: Caso não de certo, cole o mesmo código editado em Design> Designer do modelo> Adicionar CSS. Espero que tenham gostado, beijos!
Atenção: Se aprendeu com esse tutorial, credite! Proibido rebloggar! 

2 comentários:

  1. Aaaaaaaiii, muito, muito, muito obrigada flor. Te amo de montão!!

    ResponderExcluir
  2. De nada amr! Foi um prazer ajudar :)

    ResponderExcluir

Obrigada pelo comentário! Mas ó,
- Leia as Regras do blog.
- Não se esqueça de deixar o link do seu blog para eu visitar. <3
- Retribuo quase todos os comentários.
- Se tiver dúvidas,visite a Faq.
- Eu não aceito selinhos nem tags :@