Foot igual desse fórum

[iHeloadd]

Qual é minha questão:
Olá, eu gostaria de ter o mesmo foot que o deste forum http://suportedesign.forumeiros.com/forum

Endereço do meu fórum:
http://ajudafm.ativoforum.com

Versão do fórum:
PUNBB

[BrunoH.]

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

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;
}

e Valide!

Fazendo isto, agora Aceda a Gestão dos códigos JavaScript:

Painel de Controle Módulos HTML e JavaScript Gestão dos códigos JavaScript

Código:

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>');

});

e Salve!

Até mais.

[iHeloadd]

Infelizmente não resultou amigo

[Sennior]

Olá amigo!

Veja se este CSS resulta:

Código:

#ft {
background: #262626;
border-top: 3px solid #5493B4;
color: #E1E1E1;
display: table;
padding: 1em 1em 1em 10em;
text-align: center;
width: 162%;
position: relative;
left: -31%;
}

Lembrando que adicione o CSS no inicio de teu CSS.

Até mais!

[iHeloadd]

É pra mim continuar com o mesmo JavaScript?

[Sennior]

Oi Campeão!

Bem amigo, teste com os dois, um sem o Java Script e outro com o Java Script e veja o que resultar melhor!

Seu Grande Amigo,
Mikéé - Ajudeiro!