TUTORIAL: MENU ENTRY + ICONS

Holla pepps u-u tudo bem com vocês?? Comigo está bem afinal, vou ficar 2 semanas longe escola, mas enfim fico feliz que tenham gostado do meu banner *-* e hoje vim trazer esse menu aqui legal ele né?? Pra quem quer deixar a sidebar mais clean esse menu é P-E-R-F-E-I-T-O pra isso *-* então vamos ao tutorial...

1° Cole isso no seu css ou seja procurar por ]]><

.navigation {list-style: none;padding: 0; width: 245px; height: 245px;margin: 0px auto;background: url("http://25.media.tumblr.com/e4abdff97c28244cac7d6a07a7b7e1ae/tumblr_ms2c77zLFG1sq8h32o3_250.gif");position: relative; z-index: 100; overflow:hidden;} .main {opacity:0.0;-webkit-transition: 0.99s ease-in-out;-o-transition: 0.99s ease-in-out;transition: 0.99s ease-in-out;} .main:hover {opacity: 1.80;} .main a{background: rgba(0,0,0,0.3); display: inline-block; font-size: 12px; font-family:'Rosario', sans-serif; text-align: left; text-decoration: none; color: #fff; -webkit-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;position: relative;z-index: 100;color:#999;padding:10px;margin:2px -15px 15px -0px; width:240px;padding-left:5px;}

2° Depois em um HTML/JavaScript cole esse código:

<ul class="navigation"> <div class="main"> <a href="/"><div style="color:#fff;"> Home</div> </a> <a href="/ask"><div style="color:#fff;"> Perguntas</div> </a> <a href="LINK DO TWITTER"><div style="color:#fff;"> Twitter</div> </a> <a href="LINK DO FACEBOOK"><div style="color:#fff;"> Facebook</div> </a> <a href="LINK"><div style="color:#fff;"> Extras</div> </a> </div> </ul> <p>

........................................................................................................................

A imagem está em gif, para trocar basta ir ao seu css e colocar a sua imagem *-* agora os icons...