Menu no TOPO ou no RODAPÉ.
Como pediram, eu estou aqui fazendo esse tutorial sobre menu no topo ou no rodapé ok ? Vamos lá.
01) Antes de mais nada, vamos centralizar seu theme ok ? Precisa centralizar ? NÃO. Isso vai de você, eu prefiro centralizar todos os meus themes, mas se você não quiser, não precisa. Como fazer isso ? Siga os passos logo baixo.
- Coloque isso no seu CSS:
#pagefk {overflow: hidden;width:900px;margin-right: auto;margin-left: auto;margin-top:-10px;margin-bottom:auto;}
- Coloque isso, depois de :
<div id="pagefk">
- Depois vá até
{/block:Posts} e coloque abaixo dele:
</div>
AGORA VAMOS COLOCAR O MENU NO TOPO !
01- Coloque o código no seu CSS:
.menutopoilh {left:auto; top:0px; position:fixed; width:auto;background:transparent; height:auto; position: fixed!important;z-index:100;}
- No código acima você pode mudar o
TOP,
POSITION,
WIDTH,
BACKGROUND,
HEIGHT.
02- Coloque o código abaixo depois de
<body> (se seu theme NÃO estiver com o código de centralizar), Caso seu theme esteja centralizado com o código lá de cima, coloque o código abaixo de
<div id="pagefk">
<div class="menutopoilh">
AQUI O CÓDIGO DO SEU MENU.
</div>
- Ali onde diz
AQUI O CÓDIGO DO SEU MENU.
AGORA VAMOS COLOCAR O MENU NO RODAPÉ !
01- Coloque o código no seu CSS:
.menutopoilh {left:auto; bottom:0px; position:fixed; width:auto;background:transparent; height:auto; position: fixed!important;z-index:100;}
- No código acima você pode mudar o
BOTTOM,
POSITION,
WIDTH,
BACKGROUND,
HEIGHT.
02- Coloque o código abaixo depois de
<body> (se seu theme NÃO estiver com o código de centralizar), Caso seu theme esteja centralizado com o código lá de cima, coloque o código abaixo de
<div id="pagefk">
<div class="menutopoilh">
AQUI O CÓDIGO DO SEU MENU.
</div>
- Ali onde diz
AQUI O CÓDIGO DO SEU MENU. Você coloca o código do seu menu ok ? E está pronto ! agora é só usar :)
Postado por I Love HTML. 08:45.
8 Comentários:
Amei aqui lindo demais! Estou seguindo :}
http://material-extra.blogspot.com
Adorei! Pode se usar esse mesmo código no blog ou esse aí é no tumblr? Beijos,
pinkpimenta.tk
da pra usar no blog sim mor *-*
"- Coloque isso, depois de :"
Não entendi essa parte..
Quero saber se tem como inverter o cabeçalho ir para baixo; e o Rodapé vir para o inicio da pagina..
linda, obrigado pelo codigo, salvou a patria aqui rsrs
eu tenho uma duvida com centralizar a aba do menu (a que fica em baixo do cabeçalho)
oque é css
(Menina)
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