Menu Wish

Hello, cherries!

Bom, apresentação: Me chamo Beatriz e sou nova na blogosfera. Eu tinha um blog que ninguém acessava, chamado Wild Cake, mas um dia fiz uma modificação no HTML dele e estragou... :( mas, voltei com o WN. Tenho bastante vontade de postar tutos, goodies e etc. Espero que vocês gostem dos meus materiais :3

O Tuto de hoje é de um menu daqueles de sidebar. (PREVIEW) Siga os passos:

1) Vá a Modelo e clique em Editar HTML.

2) Aperte CTRL+F e procure por

]]></b:skin>

3)Assima desse código cole o seguinte:

.wish3 {-webkit-box-shadow: 0 0 1em #eee;
background: #fff; font: normal 10px &#8216;tahoma&#8217;;
padding: 0px; color: #a0a0a0 ;
text-align: center; margin: 1px; padding-bottom: 2px;padding-top: 2px;
border-radius: 0px;
border-left:1px solid #c40759;
border-right:1px solid #c40759;
-webkit-transition-duration: .90s;}
.wish3:hover { -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee;
border-left:25px solid #c40759;
border-right:25px solid #c40759;
filter:alpha(opacity=100);}

4) Modifique as cores ao seu gosto.

5) Vá a Layout e crie um gadget de HTML.

6) Nele, cole o seguinte código, modificando de acordo com o que está escrito.

<div class="wish3">
<a href="URL DA PÁGINA">Nome da Página</a></div>

7) Se precisar, multiplique o código quantas vezes quiser para criar mais caixinhas de link.

Se tiverem alguma dúvida é só comentar!