Menu Flowers

Hello bb's, a Rita me pediu pela Cbox como fazer esse menu que eu tô usando, mas antes quero dizer que quem fez ele foi a Lary do The Lovers, então creditem ela tá?

Fica assim:

Vá no seu HTML e procure por ]]></b:skin> . Depois de encontrado, cole acima dele o seguinte código:
/* Menu Flowers feito por The Lovers */
uno{
background: #f0f8ff; /* Cor de Fundo */
color: #000000; /* Cor da Fonte */
border-left: 1px solid #6495ed; /* Cor da linha esquerda */
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
width: 25%; /* Tamanho da fonte */
float: left;
font-family: century gothic; /* Nome da fonte do menu */
}
uno:hover{
background: #fffafa; /* Cor de Fundo ao passar o mouse /*
color: #000000; /* Cor da Fonte ao passar o mouse */
border-left: 1px solid #ffc1c1; /* Cor da linha esquerda ao passar o mouse */
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte do menu ao passar o mouse */
text-align: center;
width: 25%; /* Tamanho do menu ao passar o mouse */
float: left;
font-family: century gothic; /* Nome da fonte do menu ao passar o mouse */
}
No próprio código já tem as explicações pra você personalizar.

Para usar, vá em Design    Adicionar Gadgets    HTM/Javacript    cole:
<a href="Link da página"><uno>Nome da página</uno></a>
Edite conforme o que está pedindo, e pronto (:
Beijos~

4 comentários:

  1. Muuuito lindjoo *u*
    Eu acho que vou fazer uma nova web novela, essa não deu, de novo :''((( chorei T.T
    E vou usar esse menu :D
    Tô de ferias, e tu? Mas hoje e amanhã tenho natação uahsahus
    Bjsss, s2rita.blogspot.com

    ResponderExcluir
  2. O tuto da guitarra no inkscape é esse AQUI
    Bjss

    ResponderExcluir
  3. Adorei o tutorial, o menu fica lindo.
    http://startdreamy.net.tc

    ResponderExcluir