Image Map

Como Colocar Um Menu Redondo


Hello my Guys , bom hoje vou ensinar para você como
colocar no seu blog um menu redondo , ele é uma 
bolinha com um numero dentro e o numero corresponde 
a pagina.
É muito simples de colocar ,

Leia Mais e saiba como..




Bom vé em Painel> Editar HTML > Ctrl + F e pesquise por body { .

Vai aparecer assim:

O codigo é esse:

.menubyisa {
background: #COR DE FUNDO;
font-size: 12px;
font-family: georgia;
padding: 4px;
float: left;
letter-spacing: 1px;
text-align: center;
height: 15px;
width: 15px;
margin: 2px;
-moz-border-radius: 90px;
-webkit-border-radius: 90px;
}
.menubyisa:hover {
background: #COR DE FUNDO;
}


Onde está escrito Cor Do Fundo , é a cor da bolinha.

Visualize e salve.

Para colocar o menu vá em Design> Adicionar Um Gadget > HTML / JavaScript 

E cole o seguinte código :

<a href="LINK AQUI" title='DECRIÇÃO DO MENU' class="menubyisa"><div style="COLOR: #COR DA FONTE;"> TITULO EM NÚMERO </div></span></a>

E pronto fácil não?

Créditos : Extras 4 You!

Beijooos S2

2 comentários:

  1. Oi desculpa por não colocar os creditos das fotos antes é que tive que sair e esqueci mas já coloquei.

    ResponderExcluir
  2. Legal *-*

    Adorei... no próxima lay vou fazer :D


    bjo =*
    http://cherry-crazy-official.blogspot.com/

    ResponderExcluir

Vai comentar? Que bom! Só não esqueça das regrinhas:

* Não xingue.
* Não ofenda ninguém.
* Deixe o link do seu blog e/ou site (se tiver).
* Tenha educação!