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.

3 comentários:

  1. O seu irmão tem quantos anos? Tipo, uns 3? Enfim, o menu é lindo, adorei a postagem. Só acho que você deveria tirar um print ou algo do tipo para quando você trocar de layout saberem como fica.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
  2. Adorei o Tudo :D
    Tag para Vocês --> http://arrasandodeallstar.blogspot.com.br/2014/01/tag-viciada-em-musica.html

    ResponderExcluir
  3. Olha amor adorei. Pode mudar o nome dos afiliados? o Cf mudou de nome para Paradise Holiday :S

    ResponderExcluir

Por favor leia as regras antes de comentar:

- Sem spam!
- Sempre que puder deixe o link do seu blog, assim posso retribuir a visita.
- Não aceito "Segue de volta?", eu só sigo se gostar do blog.
- Vou responder como você perguntar, se insultar eu vou retribuir.
- Aceito críticas construtivas, opiniões desnecessárias serão recebidas como devem.
Leu tudinho?Então deixe seu comentário =]