Menu Igual ao do Blog - Exclusivo

Olá babes :3

Como estão?Espero que estejam bem, eu realmente não tenho nada de especial à dizer.Na verdade eu quase não tô saindo de casa pois tenho que cuidar do meu irmão e aqui em casa ainda está em reforma :P isso é um saco extremo, acreditem!Mas enfim no ultimo post eu propus disse que se quisessem eu iria trazer o tutorial e aqui estou eu.Estão me cobrando o tutorial de "como criar um layout" eu vou fazer, mas nem comecei ainda e é um tutorial enorme então esperem mais um pouco.Só pra avisar, pode parecer idiota mas o leia mais está no post footer, escrito "More".

Vamos ao tutorial?

1. No seu HTML procure por ]]></b:skin> e acima dele cole:

.macarrao {

text-align: center;

z-index: 1000000;

width: 877px;

top: 0; left: 0;

word-spacing: 12px;

letter-spacing: 1px;

background: #ff99aa; /* Cor do Fundo do menu */

height: 20px;

padding: 5px;

border-radius: 3px; /* Bordas arredondadas */

border: 1px solid #000; /*Cor da borda */

box-shadow: inset 0 0 12px #000, 0 0 4px #000;

}

.macarrao a{

color: #000; /* Cor da fonte do Menu */

font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; /* Fonte do Menu */ 

font-size: 18px;  /* Tamanho da Fonte do Menu */

text-transform: uppercase;

}

Nome idiota eu sei 

2. Cole em um HTML/JavaScript 

<div style="position: absolute; margin-top: -258px; right: 0px;">

<div class="macarrao">

<a href="/LINK" title "Título do Tooltip">Title</a>

<a href="/LINK" title "Título do Tooltip">Title</a>

<a href="/LINK" title "Título do Tooltip">Title</a>

<a href="/LINK" title "Título do Tooltip">Title</a>

<a href="/LINK" title "Título do Tooltip">Title</a>

    </div>

</div>

3. Em "margin-top: -258px; right: 0px;" aumente ou diminua os números até que o menu se encontre no local que se deseje.

Espero que tenham gostado, beijos.