Menu de páginas de link.
Gente nesse tutorial vou ensinar de um modo bem simples a fazer um menu,
NÃO É FALSO IFRAME é um menu com pages :)
1- Vá na sua Dashboard > Nome do seu tumblr > Customize > Page > + Add a Page
2- Irá abrir uma janelinha.
3- Em
Page Url Coloque o nome da
sua página a minha será
About. Em
Page title coloque o
título. Em
Body Voce escreve o que quiser.
4- Clique em
Create page.
Está feita a sua página ! Se quiser criar um menu para colocá-la. Siga os próximos passos...
5- Agora vá no
CSS (antes de Style) e coloque esse código abaixo lá:
.navbyfran {background:#eee; width:60px; font-size: 12px; font-family: verdana; margin:1px; padding:5px; text-align:center; line-height:15px;float: center; border-radius:6px;display: inline-block;}
Vamos entender o código acima:
background- é a cor do fundo do botão.
width- é o tamanho do botão.
font-size- é o tamanho da fonte.
font-family- é a font usada.
margin- é a margem entre um botão e outro.
text-align-Texto alinhado no centro do botão.
line-height- altura do botão.
border-radius- borda meio arredondada.
Voce pode mudar as cores, onde achar uma tabela de cores ?
Aqui
6- Vá depois de
body onde voce quer que o menu apareça e cole o código abaixo:
<a href="/PAGEURL" class="navbyfran" style="COLOR: #555;">Titulo</a>
Vamos entender o código acima:
color- é a cor da letra.
555-É a cor que voce pode mudar pegando outra cor pegando na tabela ali emcima.
PAGEURL- é a mesma que voce colocou la em cima na janelinha, no caso a minha será
About.
Titulo- É título do seu botão que no caso o meu é
About me.
O meu ficaria assim:
EXEMPLOOO NÃO COPIE ESSE
<a href="/About" class="navbyfran" style="COLOR: #555;">About me</a>
ATENÇÃO o código acima pode ser colocado quantas vezes você quiser, mas não esqueça de ir mudando os nomes das páginas;
EXEMPLOOO DO QUE EU FALEI ACIMA:( NÃO COPIE ESSE)
<a href="/
About" class="navbyfran" style="COLOR: #
555;">
About me</a>
<a href="/Tumblr" class="navbyfran" style="COLOR: #555;">Tumblr</a>
<a href="/Ask" class="navbyfran" style="COLOR: #555;">Ask me</a>
Quando voce criar as suas página, e achar que já está bom, clique em Save e pronto.
O menu ficará assim: (claro que voce pode arrumar do jeito que quiser mas n retire os meus créditos.)
Tutorial feito por mim, Fran Keynes, se usar credite a mim e ao I love html :)
Postado por I Love HTML. 19:30.
3 Comentários:
Como eu faço para colocar o submenu home?
Se para colocar sub menu no meu theme tem que colocar algo escrito depois da /
AONDE FICA ESSE CSS ANTES DO STYLE AMOR?? EU N ESTOU ACHANDO N
Obrigado! ;)
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial