Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

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


8 Comentários:

Às 29 de fevereiro de 2012 16:14 , Blogger KarolineSoares disse...

Amei aqui lindo demais! Estou seguindo :}
http://material-extra.blogspot.com

 
Às 1 de março de 2012 11:20 , Blogger Driiih disse...

Adorei! Pode se usar esse mesmo código no blog ou esse aí é no tumblr? Beijos,
pinkpimenta.tk

 
Às 5 de maio de 2012 23:03 , Blogger I Love HTML disse...

da pra usar no blog sim mor *-*

 
Às 14 de maio de 2012 09:35 , Blogger Letícia Santos disse...

"- Coloque isso, depois de :"
Não entendi essa parte..

 
Às 4 de agosto de 2013 12:05 , Anonymous Anônimo disse...

Quero saber se tem como inverter o cabeçalho ir para baixo; e o Rodapé vir para o inicio da pagina..

 
Às 21 de agosto de 2013 11:39 , Anonymous Anônimo disse...

linda, obrigado pelo codigo, salvou a patria aqui rsrs

 
Às 16 de outubro de 2013 14:54 , Blogger Renata Santana disse...

eu tenho uma duvida com centralizar a aba do menu (a que fica em baixo do cabeçalho)

 
Às 1 de março de 2014 10:31 , Anonymous Anônimo disse...

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