Tutorial - Menu Blueberry

Yoo ~~

Hoje vim ensinar como fazer o menu Blueberry !

Olhem como ele é:

Gostou ? Vamos aprender ?

Enjoy ~~

Vá em Painel> Editar HTML e procure por:

]]></b:skin>

Depois cole a seguinte tag, acima dela:

/* Menu Blueberry by Miki Candy */

blueberry{

color: #fff; /* cor da fonte quando passa o mouse */

text-align:center;

font-size: 11px; /* Tamanho da fonte do menu */

background: #3FCFAD ; /* Fundo do menu */

padding: 2px;

float: left;

margin: 2px;

cursor: crosshair; /*cursor */

width: 45%; /* tamanho do menu */

-webkit-transition-duration: .80s;

border:1px dotted #D682DE; /* bordas */

border-radius: 10px; /*---- bordas arredondadas ----*/

}

blueberry:hover{

background:#D682DE; /* fundo do menu quando passa o mouse */

border:1px solid #3FCFAD; /* bordas quando passa o mouse */

color: #fff; /* cor da fonte quando passa o mouse */

-webkit-transition-duration: .80s;

border-radius: 5px; /*---- bordas arredondadas ----*/

}

Salve :), depois crie uma gadget e cole:

<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>

<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>

<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>

<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>

Sabe onde eu aprendi ? Aqui !