10 de nov. de 2012

Tutorial: menu glitter


Hello cutes! Tudo bem? Hoje eu vou ensiná-los a fazer o menu glitter, créditos ao Explodindo Glitter. O menu é muito fofo! Eu adorei, pena que eu troquei o layout do blog recentemente, senão, usaria o menu. Mas enfim, cliquem aqui para visualizar o menu. Vamos aprender? 
participe do super concurso que está rolando aqui no CT, valendo um layout + entrevista + divulgação por 1 mês! Tá esperando o que? Clique aqui e participe :) 

vá no HTML do seu blog  aperte F3 e procure por ]]></b:skin>  acima dessa tag cole:
/* MENU GLITTER - BY EXPLODINDO GLITTER */
glitter {
  width: 20%; /* largura do menu */
  margin: 3px; /* margem entre os links, não altere */
  padding: 3px; /* espaço entre os links e a margem, não altere */
  float: left; /* alinhamento do menu, não altere */
  background: #cor; /* cor de fundo */
box-shadow: inset 0 0 30px #cor, 0 0 4px #cor;  /* sombra interna */
  color:#cor; /* cor do link */
  font-family: Arial; /* tipo da fonte */
  font-size: 11px; /* tamanho da fonte */
  text-align: center; /* alinhamento centralizado do link */
  text-transform: uppercase; /* transformação do texto, pode mudar para capitalize */
  border-radius:5px; /* borda arredondada */
  -webkit-transition-duration: .90s; /* tempo de transição, não altere */
}
glitter:hover {
  background:#cor; /* cor do menu em hover */
box-shadow: inset 0 0 30px #cor, 0 0 4px #cor; /* sombra interna */
  color: #cor; /* cor do link em hover */
  border-radius:5px; /* borda arredonda em hover */
}
Agora é só você editar os itens destacados de rosa, okay? Não mexa em nada além desses itens, pois senão o código do menu ficará errado. Agora siga os passos:
vá em layout  clique em adicionar gadget  adicione um gadget HTML/Javascript e nele cole:
<a href="LINK"><glitter>NOME</glitter></a>
onde está escrito LINK coloque o link (URL)  da página e onde está escrito NOME coloque o nome da página (exemplo: home, faq, contato, goodies...)

13 comentários:

  1. segui o meu blog http://moderninhaatrevida-oficiall.blogspot.com.br/ to seguindo o seu

    ResponderExcluir
  2. Seguindo aqui fofa, Adorei seu blog, muuito CUTE MESMO , ( faz juízo ao nome ) kkk´s
    Segue de volta [ se gostar, claro ]
    Bjs da Vick*
    Mundodavick2000.blogspot.com

    ResponderExcluir
  3. Vey ele e muito perfeito >.<
    Bjuuuu

    gostinhoporsuicidio.blogspot.com

    ResponderExcluir
  4. Que bom que gostou do menu, flor! Obrigada por creditar! Amo o blog, em breve farei um post indicando alguns blogs, com certeza o seu estará lá! Kiss

    Explodindo Glitter

    ResponderExcluir
  5. teeu bloooog eh mtmtmtmtmttmmtmttmtmmtmt lindaaaaaaaaaa amoooooooor xoneeeeeeeeeei
    paraaaaaaaaaaaaaaaabéns to seguindo jaaaaaaaaaaaaaaaa! e esse tutorial é mtto bom!! :DDDD bjbjbjbsbjs s2s2

    ResponderExcluir
  6. Muito fofo esse menu, née? Adorei ele, deu vontade de usar! Beeijos!
    pqngarota.tk

    ResponderExcluir
  7. Que menu perfeito, lindo >.<

    garotaestranha-oficial.blogspot.com.br

    ResponderExcluir
  8. Aaah que liiindo seu blog *-*
    #Apaixonada, enfim esse menu fica lindo mesmo (:
    Seguindo, segue lá?
    Beijin *3*

    -[Clica no perfil ♥]

    ResponderExcluir
  9. Que menu lindo! >.< Adorei ele!
    Beijos
    ill-helpyou.blogspot.com

    ResponderExcluir
  10. Super explicadinho!Amei seu blog,ele está nos meus favoritos!Já estou seguindo!Segue de volta?

    http://garota-doce-oficial.blogspot.com.br/

    ResponderExcluir
  11. Lindo o seu blog! Já te coloquei nos afiliados!

    Kissus,
    waverlyplace.tk

    ResponderExcluir
  12. Posso te divulgar?

    ResponderExcluir
  13. n consigo achar o codigo la no html

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita