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
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 para baixo  Mensagem [Página 1 de 1]

1[tutorial] menu no footer Empty [tutorial] menu no footer 13/11/12, 06:21 pm

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[TUTORIAL] Menu no Footer

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

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



© Switch | Sp-Design & HenRyqUéè


[Tens de ter uma conta e sessão iniciada para poderes visualizar 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

https://rmbr.forumeiros.com/

2[tutorial] menu no footer Empty Re: [tutorial] menu no footer 14/11/12, 08:50 am

GyGu

GyGu
Iniciante
Vou testar!

3[tutorial] menu no footer Empty Re: [tutorial] menu no footer 25/11/12, 08:45 am

T-Lord

T-Lord
Iniciante
Deve ser legal;.

4[tutorial] menu no footer Empty Re: [tutorial] menu no footer 25/11/12, 02:42 pm

-Naruto

-Naruto
Administrador
Publicitário
Helper
Feliz
Evite Textos sem Significativas membro.

5[tutorial] menu no footer Empty Re: [tutorial] menu no footer 11/12/12, 08:07 pm

-Naruto

-Naruto
Administrador
Publicitário
Helper
Movido Para Tutoriais Aceitos.

Conteúdo patrocinado


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

Permissões neste sub-fórum
Não podes responder a tópicos