Menu boll

Que tal organizar os links? Hoje trouxe para vocês um menu super facil de adicionar no blog. Confira o exemplo abaixo

Carinhas Mini Sanrio
Marcadores Eletrônicos
Acessórios Papelaria

-------------------------------------------------------------------------------------
Copie o código abaixo cole em HTML/Java Script e salve.

 

<div class="menuboll">
<center>

<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 01 </a>
<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 02 </a><br>
<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 03 </a>
<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 04 </a><br>
<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 05 </a>
<a href="ENDEREÇO DO SITE"title=" Descrição"> Site 06 </a>

</center>
</div>
<style>
.menuboll a{
width:80px; /* LARGURA MENU */
font-family: arial; /* FONT */
font-size: 15px; /* TAMANHO DE LETRA */
border-left:15px solid #FF82AB; /* COR DA BORDA ESQUERDA*/
border-right:15px solid #FF82AB; /* COR DA BORDA DIREITA */
background:#FFB6C1; /* COR DO FUNDO */
margin:3px;
color:#B03060; /* COLOR DA LETRA */
border-radius:10px 10px 10px 10px; /* EFEITO AREDONDADO */
text-align:center;
display:inline-block;padding:3px;
text-shadow: none;
}
/* HOVER {CURSOR} */
.menuboll a:hover{
color:#FFE4E1; /* COR DA LETRA */
border-left:15px solid #DB7093; /* COR DA BORDA ESQUERDA */
border-right:15px solid #DB7093;/* COR DA BORDA DIREITA */
text-decoration:none;
text-shadow: none;
}
</style>







http://dany-place.blogspot.com.br