Ohayou !
Hoje eu vou ensinar a fazer menus diferentes para que usem em sidebar's, ou aonde quiserem mesmo. Não é tão complicado assim fazer o próprio menu, apenas exige uma concentração maior, e um conhecimento basico/avançado de HTML.. Nada que um esforço extra não faça. Aprendi no Tutoriar, por favor, quem reblogar, créditos a eles.
Enjoy !
Vá ao Html, e pesquise por ]]><:b:skin>, acima, coloque o nome do seu menu, assim:
#nome do seu menu { ~seu código fica aqui~} #nome do seu menu:hover {o hover do seu código fica aqui}
Dai, acho que você já deve saber que antes das "}", você deve colocar o 'recheio' do menu.. continue:
background: #cor do fundo
color: #cor das letras
Border-top: borda de cima (indico 1px solid #cor)
Border-bottom: borda de baixo (indico 1px solid #cor)
Border-left: borda da esquerda (indico 1px solid #cor)
Border-right: borda da direita (indico 1px solid #cor)
letter-spacing: 1px; Espaço entre as letras - opcional
width: 20%; Esses dois elementos são essenciais. float: left;
-webkit-transition-duration: .90s; Tempo da mudança de cores, etc, fica bacana com 90 ou 60.
font-size: 8pt; Tamanho da fonte
font-family: Tipo de fonte;
Modifique o que está em negrito, e quando for usar, coloque:
<a href='Link' id='nome do seu menu'>Nome do Link</a>
{Modifique o que está de negrito, pelo nome do seu menu.}
Espero que tenha dado certo !
Que fofo e criativo ! ^3^'
ResponderExcluirSeu blog é muito fofo.. Acho que vou criar um também ^3^'
ExcluirObrigada !
ExcluirCria um e me passa o link (:
ExcluirGostei muito ^^'
ResponderExcluirBeijos,
Capuccinoeacetona.blogspot.com
Obrigada, Mih :)
ExcluirEu tenho um medo extremo de fazer o meu menu. Vai que saia feio né? kkk
ResponderExcluirFlor você pediu o meu contato e o da Gih. Pega o meu face e eu te passo o dela depois.
https://www.facebook.com/Anacblj
http://crazy-html.blogspot.com.br/
É, realmente, dá uma insegurança..
ExcluirOk, eu já falo com vocês (:
Ontem eu tava visitando uns blogs ai eu aprendi fazer tbm ^^
ResponderExcluirVocÊ explica bem ;] Beijooos *--*
Clique >> Sweet Magia
Obrigada C:
ExcluirAmei, o tutorial e o blog!
ResponderExcluiramantesdemoda.blogspot.com.br
Obrigada
ExcluirC:
Esse tutorial é muito útil. Vou tentar fazer
ResponderExcluirKissus
Obrigada C:
ExcluirBoa sorte !
Muito criativo esse tutoria ! c:
ResponderExcluirBeijos do blog http://girl-stop.blogspot.com.br/
Obrigadinha :}
ExcluirTutorial ótimo, Adorei.
ResponderExcluirKissus