12 de set de 2013

Menu Bubbles

Hoje trago um menu muito fofo para vocês, é o menu bubbles, para ver o menu clique aqui

Para colocar este menu em seu blog, coloque o código abaixo antes da  tag ]]></b:skin>

/*** menu bubbles por htmlstrew ***/
.gud.button{
padding:5px 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:18px;
text-transform:uppercase;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#fff !important;
border:2px solid #fff !important;
background-color: #c8dbd4;
margin-left:2px;
text-shadow:1px 1px 0px #8B9893;
}
.gud.button:hover{
background-color:#ff8080;
}

Se quiser a mesma fonte, coloque o código abaixo antes de </head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

Para fazer o menu funcionar coloque o código abaixo no gadget html/java script

<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>

Para colocar no cabeçalho:

<div style="position: absolute; margin-top: -100px; left: -200px;">COLOQUE O CÓDIGO DO MENU AQUI</div>

Depois é só aumentar ou diminuir os valores até chegar onde você queira!
-Se seu layout só tem o gadget do cabeçalho e você não sabe como colocar
mais gadgets, clique aqui para saber como instalar mais gadgets no cabeçalho.

7 comentários :

  1. O problema é que não sei como colocar no cabeçário, mesmo com o código acima. Aonde coloco o cogido do cabeçario..

    '--------------'

    ResponderExcluir
    Respostas
    1. Esc Rafha, acima das postagens do blog tem dois gadgets:
      o cabeçalho do blog e outro, você coloca neste outro logo
      acima das postagens.
      Espero ter ajudado.
      Qualquer dúvida pergunte.

      Excluir
  2. Respostas
    1. Sra. Barbosa, os códigos são dois códigos:
      o primeiro é onde tem:
      /*** menu bubbles por htmlstrew ***/
      O segundo onde tem:
      a href="URL DA PÁGINA" class="button gud">NOME DA PÁGINA

      Excluir
  3. oi eu coloquei esse menu no meu blog mais nao sei mudar onde esta escrito link, e não consigo colocar meu url para ir a alguma pagina. como faço?
    bjo

    ResponderExcluir
    Respostas
    1. Tatiane, onde tem
      a href="URL DA PÁGINA AQUI" class="button gud">NOME DA PÁGINA

      Espero ter ajudado.

      Excluir
  4. Ameii ^^ Já coloquei no meu blog
    Ficou lindo

    ResponderExcluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo