19/09/2012

Menu Blueberry


Trago um menuzinho muito kawaii que achei lá no blog Miki Candy Um beijo para a Miki. <3 O menu é bem simples, mas decidi posta-lo aqui. O exemplo do menu está no botãozinho abaixo, basta clicar rs e ver o resultado. Espero que gostem. 


1. Se quiser tentar vá para dentro do seu HTML e procure por

]]></b:skin> 


2. Assim que o achar acima dele cole o próximo código

Códigos
/* 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 ----*/
}

3. Para finalizar vá ate o seu layout e abra um gadget HTML/Java Script, e dentro cole o próximo código

Códigos
<div>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
</div>

Prontinhos! Beijos e ate a próxima bye bye

3 comentários:

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345