8 de fev de 2013

Tutorial: menu de círculos


Hello cutes! Tudo bem? Repararam no novo layout do Cute Time? Gostaram? Eu adorei! Bom, continuando... hoje eu vou ensiná-los a fazer o menu de círculos, bem fofo! Querem aprender a fazer? Então clique em leia mais! 
logo logo irei disponibilizar o layout free, mas primeiro preciso que vocês votem no tema :) cliquem aqui para votar!

 


vá no HTML do seu blog  procure por ]]></b:skin>  antes dele cole:
#menucp { /* menu de círculos por Chovendo em Paris */
background: #fbfbfb; /* fundo do círculo */
text-shadow: 1px 1px 0 #FFFFFF; /*sombra do texto */ 
border: 1px solid #eeeeee; /* borda */ 
color: #cd5c5c; /* cor do texto */ 
font-family: Georgia; /* fonte do texto */ 
font-size: 11px; /* tamanho da fonte */
text-align: center;
padding-bottom : 8px;
padding-left : 10px;
margin-bottom: 8px;
padding-right: 10px;
padding-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

#menucp:hover {
background: #ffffff; /* cor do fundo quando passar o mouse */ 
text-shadow: 1px 1px 0 #FFFFFF; /* sombra do texto quando passar o mouse */
border: 1px solid #eeeeee; /* borda quando passar o mouse */
color: #cd5c5c; /* cor do texto quando passar o mouse */
padding-bottom : 8px;
padding-left : 10px;
margin-bottom: 8px;
padding-right: 10px;
padding-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

agora vá até layout  clique em adicionar um gadget  adicione um gadget HTML/Javascript  nele cole:
<center><a id="menucp" a="" href="link 1">1</a>
<a id="menucp" a="" href="link 2">2</a>
<a id="menucp" a="" href="link 3">3</a>
<a id="menucp" a="" href="link 4">4</a>
<a id="menucp" a="" href="link 5">5</a>
<a id="menucp" a="" href="link 6">6</a>
</center>

Agora é só salvar e prontinho! 
créditos: 

14 comentários:

  1. nossa que tutorial legal :3 fica super fofo! acho que vou usar no meu próximo layout! aww seu blog é lindo,amei! seguindo <3 beijos

    ~~ Meu Blog

    ResponderExcluir
    Respostas
    1. que bom que gostou do Cute Time!
      beijos!

      Excluir
  2. Oii amiga ^^ Otimo menu!Super fofinho o nome *--* Flor,amei o tuto!!Flor,vim pedir uma coisa que não sei se pode atender mais vou pedir..Sabe naquele gadget Welcome não tem aquela imagem?Queria que você colocasse essa: da minha 2° diva https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSNxZNsXG9Npn0aYbl9qfMbLT2AMr8bcPaTIofuvLOldFS2Fg8e e tudo que precisar de uma personagem fazer da Miley ^^ Obrigada mesmo Isa!!

    ResponderExcluir
  3. Isa deu um erro nos (botões,buttons sei lá que fica em baixo do banner) ^^Não mexi em nada tá?

    ResponderExcluir
  4. Esse menu é bem fofo , me lembro de ter visto em outro blog nem sei qual , mas enfim ele é lindo.

    Kissus.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  5. eu amoo esse menu, ele é maravilhoso o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  6. Amg linda..Me ensina como coloca esse Home/Postagens Antigas/Recentes?Faz um para mim?Vim aki agradecer por tudo que está fazendo por mim,muito obrigada <3

    ResponderExcluir
  7. VOCÊ FOI TAGUEADA lá em meu blog, Amei o blog seguindo não peço para que você siga de volta, mais pode visitar e analisar o conteúdo se gosta segue? AAh quase esquecendo diariodeaventureira.blogspot.c­om.br

    ResponderExcluir
    Respostas
    1. não aceito tags :(
      mas vou dar uma passadinha no teu blog!

      Excluir
  8. Muito legal o tutorial e o menu é muito fofo *O* .

    Beijos
    rufflescom-chocolate.blogspot.com.br

    ResponderExcluir
  9. da uma passadinha la no meu blog ;) se me seguir avisa que eu te sigo de volta!!

    www.batomvermelhobylenita.blogspot.com.br

    ResponderExcluir
  10. Adorei o post, parabéns! Já estou seguindo o blog linda! Segue o meu por favor? Beijão! http://mycuteplacee.blogspot.com.br/

    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