Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL] Colocando menu no footer em 08/11/12, 05:05 pm

HenRyqUéè

avatar
Administrador
Avaliador
Helper

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL] Menu no Footer

Nesse tutorial vou estar ensinando como colocar um menu no footer(rodapé) do fórum.


[Você precisa estar registrado e conectado para ver esta imagem.]Funciona em todas as versões, eu acho.
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Menu no Footer



- Adicionar o CSS
Código:
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}


- Adicionar JS
Código:
$(document).ready(function(){

$('body').append('<div id="footerSw">
<ul>
<li><h2>Ajuda</h2></li>
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Pedidos de Códigos</a></li>
<li><a href="#">Pedidos Gráficos</a></li>
<li><a href="#">Areá VIP</a></li>
</ul>

<ul>
<li><h2>SpDesign </h2></li>
<li><a href="#">Termos e Condições</a></li>
<li><a href="#">Política de Privacidade</a></li>
<li><a href="#">Newsletter</a></li>
</ul>

<ul>
<li><h2>Social</h2></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Blog</a></li>
</ul>

<ul>
<li><h2>Contatos</h2></li>
<li><a href="#">teste@email.com</a></li>
<li><a href="#">Live Chat</a></li>
</ul>

<p>Todos os direitos reservados a SpDesign - 2012 | Desenvolvido por: Switch</p></div>');

});

Marque para todas as páginas.




- Resultado final

[Você precisa estar registrado e conectado para ver esta imagem.]



© Switch | Sp-Design | RMBR


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Menu no Footer

http://rmbr.forumeiros.com/

-Naruto

avatar
Administrador
Publicitário
Helper
Tutorial Aceito

Movido.

mundo nerd

avatar
Iniciante
vamos analisar na phpbb2

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum