Tutorial: Menu Blueberry

Boa tarde meus cherrys, Passando aqui rapidinho, só para ensinar um tutorial super legal para vocês, é um menu de sidebar, maravilhoso, com efeito Hover e tudo, clique no link abaixo e veje como ele é:

Esse aqui é o Menu:BLUEBERRY

O TUTORIAL:

Vá em Modelo > EDITAR HTML > CTRL+F(F3)> pesquise pela Tag: ]]></b:skin  e acima dela cole o código abaixo:

/* 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, agora vá em layout>adicione uma  Gadget HTML/Java Script, 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>

edite somente o sublinhado, gostaram? é super facil e fica lindo no layout.

bye. kiss: Baby_Monster

Créditos(www)