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...
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.
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 :)
<div class="menur">
CÓDIGO DO SEU MENU AQUI
</div>
--------------------------------------------------
Bem, por agora é isso, espero que tenham gostado :)
Aah, só agora que eu fui entender do que você tava falando :SS
ResponderExcluirKissus :3
Kkkkkk', jura? xD
ExcluirKissu~
Eu estava mesmo caçando esse tutorial ç.ç Fica bem mais organizado. xoxo. :*
ResponderExcluirhttp://oh-waaxy.blogspot.com.br/
Fica mesmo xD
ExcluirKissu~
Legal.
ResponderExcluirObrigada por me aceitar xD
Te coloquei lá,kissu~
http://cherrypimenta.tk
Ok, kissu~
Excluirlindooooo ^^
ResponderExcluirChocolate com morango
obrigada ^^
Excluiré UM OOTIMO MENU Shiori ^^
ResponderExcluirPortal Encantado
Arigatõ :)
Excluir