09/01/2013

Menu express + Como fazer duas colunas de menu

Rawwwn :3

Então, começando a maratona de posts pela manhã. Como eu disse antes, me perguntaram como personalizar os links como eu faço aqui, e como eu não havia entendido, a minha filhota Vitty-kawaii-chan me deu uma luz e falou que poderia ser o menu que uso na maioria das páginas daqui. Eu trouxe o tutorial do menu, que peguei no Kawaii World, e fiz um tutorial de como colocar duas colunas de menu na página, assim como eu faço. Se é isso eu não sei, mas se a pessoa estiver lendo isso e não for o que ela queria, peço que explique melhor na minha ask...

Menu Express


Procure por ]]></b:skin> e, acima da tag, cole:

@font-face {font-family: "handy"; src:
 url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.express { 
background-color: #CORDOFUNDO; 
color: #FFFFFF;
 display: block;
 width: LARGURADOMENUpx;
 height: 15px;
 line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}
 .express:hover {opacity: 0.5; margin-left: -30px;}



Vá em HTML/JavaScript, e cole:



<center><a href="LINK" class="express">Nome da página</a>

<a href="LINK" class="express">Nome da página</a>
 <a href="LINK" class="express">Nome da página</a>
<a href="LINK" class="express">Nome da página</a>
<a href="LINK" class="express">Nome da página</a></center>



Como fazer duas colunas de menu na página:

Procure por ]]></b:skin> e, acima da tag, cole:

.menul {float:left; width:49%; text-align: left;}
.menur {float:right; width:49%; text-align: left;}


Explicação:

O ''menul'', é do menu que irá ficar na direita, e ''menur'' na esquerda.



Abra a página que deseja colocar o menu e clique em HTML, e cole:

<div class="menul">
CÓDIGO DO SEU MENU AQUI
</div>
<div class="menur">
CÓDIGO DO SEU MENU AQUI
</div>


--------------------------------------------------

Bem, por agora é isso, espero que tenham gostado :)

10 comentários:

  1. Aah, só agora que eu fui entender do que você tava falando :SS
    Kissus :3

    ResponderExcluir
  2. Eu estava mesmo caçando esse tutorial ç.ç Fica bem mais organizado. xoxo. :*
    http://oh-waaxy.blogspot.com.br/

    ResponderExcluir
  3. Anônimo9/1/13

    Legal.
    Obrigada por me aceitar xD
    Te coloquei lá,kissu~
    http://cherrypimenta.tk

    ResponderExcluir
  4. lindooooo ^^

    Chocolate com morango

    ResponderExcluir