Tutorial - Menu Invert

Nova PSD se der certo usarei ela. Postadoras confiram seus chats no Facebook, mandei o link  por lá, espero que vocês saibam fazer certinho (:

Yoo ~

Vocês gostaram da PSD ? Acha que ela ficou melhor que a outra ? Porem delas serem quase iguais, mais eu gostei dessa por ser mais simples e com uma bordinha transparente, sem falar nos efeitos que eu coloquei nela. Bom, como eu disse acima peço para que as postadoras vejam o Chat no Facebook, pois eu mandei o link para vocês baixarem. Eu deixei tudo bem explicado para na hora de fazer, não der nada errado. 

Mais bom, muitas pessoas vem pedindo para que eu postasse o menu que eu uso agora nesse layout. Eu tava esperando para postar esse tutorial, pois acho que fica cedo demais repassar os tutoriais desse layout, sendo que faz uma semana que eu coloquei ele, mais como teve muita gente que pediu, então não tem porque postar. Vamos lá ~

 - Procure por ]]></b:skin> e acima dele cole: 

.menu {width: auto; color: #e6d3e9; 

text-shadow: -2px -1px -1px #cba0cf; 

filter: dropshadow(color=#cba0cf, offx=-2, offy=-1); 

font: 33px "Play"; letter-spacing: -3px; 

text-transform: lowercase; 

-webkit-transition: all 0.4s ease-out; 

-moz-transition: all 0.4s ease-out; padding: 8px; background: #f2f7f9; 

border-radius: 10px; margin: 5px;} 

.menu:hover {color: #cba0cf; 

text-shadow: -2px -1px -1px #e6d3e9; filter: 

dropshadow(color=#cba0cf, offx=-2, offy=-1);}

No “.menu”, você terá que mudar: color, text-shadow e background. Preste atenção, porque no text-shadow, você terá que colocar a mesma cor do ” dropshadow”, ok?

No “ .menu:hover”, você coloca como “color”, a cor do text-shadow à cima; e no “text-shadow”, coloque a cor da “color” de cima.

- Agora em uma Gadget HTML/Javascript cole:

<a href="URL_AQUI"><div class="menu">NOME</a></div>

No ''URL_AQUI'' coloque o link da pagina que você irá colocar no menu e em ''NOME'' coloque o que vai aparecer no menu.

C : un-exp3cted