Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Colocar caixa
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Colocar caixa
Qual é minha questão:
Olá,
Queria colocar no fundo do meu fórum como mostra a print:
Fórum que vi esse efeito: http://br-design.forumeiros.com/
Endereço do meu fórum:
http://master-publicitario.forumeiros.com/
Versão do fórum:
PHPBB3
Olá,
Queria colocar no fundo do meu fórum como mostra a print:
Fórum que vi esse efeito: http://br-design.forumeiros.com/
Endereço do meu fórum:
http://master-publicitario.forumeiros.com/
Versão do fórum:
PHPBB3
Última edição por Master Publicitario em 28.11.12 20:51, editado 1 vez(es)
Re: Colocar caixa
Olá senhor,
Lamento mas apenas é possível por edição de Templates, ao qual à tua versão não permite.
Até mais.
Lamento mas apenas é possível por edição de Templates, ao qual à tua versão não permite.
Até mais.
Re: Colocar caixa
Tente Esse Code
Js
CSS -
Js
- Código:
<div id="footer"><script type="text/javascript">$(function() {$('#back-top').click(function() {$('body,html').animate({scrollTop:0},800);});});</script><div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div><div id="f-content"><ul id="social"><h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/users_10.png"> Encontre-nos no: </h1><li><a href="http://www.facebook.com/tretagem" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/facebo10.png" alt="Facebook">Facebook </a></li><li><a href="http://www.twitter.com/mazek0" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/twitte10.png" alt="Twitter">Twitter </a></li><li><a href="/rss"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/rss11.png" alt="RSS">RSS Feed </a></li></ul><div id="connect"><h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/lock12.png"> Logar-se </h1><form action="/login" method="post" autocomplete="off"><fieldset class="frm-set login"><dl> <dd><input type="text" placeholder="Username" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox autowidth" autocomplete="off" autofill="off"></dd></dl><dl><dd><input type="password" placeholder="Password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" autocomplete="off" autofill="off"></dd><dd><a href="/profile?mode=sendpassword" rel="nofollow">Esqueceu a Senha?</a></dd></dl><dl><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Lembrar-me </label></dd></dl><dl><dd class="login"><input type="submit" name="login" tabindex="6" value="Login" class="button1"></dd></dl></fieldset></form></div><ul id="site-links"><h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/link10.png"> Links Úteis </h1><li><a href="/f12-debates-atualizacoes-e-novidades"> Novidades </a></li><li><a href="/f8-regras"> Sobre Nós </a></li><li><a href="/forum?mode=delete_cookies"> Apagar cookies </a></li><li><a href="/faq"> F.A.Q </a></li><li><a href="/memberlist?mode=overall_posters"> Usuários TOP </a></li><li><a href="/contact"> Contato </a></li></ul></div> </div>
CSS -
- Código:
#footer{
width: 100%;
min-width: 900px;
color: white;
height: 280px;
background: #0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}
#footer ul{list-style-type: none;}
#footer a{color: white;}
#footer h1{
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;}
#footer h1 img{
margin: 0 0 3px 0 !important;
vertical-align: middle;
height: 25px;}
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Colocar caixa
Master Publicitario escreveu:Então vejam este fórum e vejam o fundo se conseguirem :]
http://suportedesign.forumeiros.com/forum
você deseja esse Footer ?
Se Sim -
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;
}
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>');
});
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Tópicos semelhantes
» Colocar linha que divide a caixa de mensagem da caixa de perfil
» Como colocar a caixa
» Colocar uma caixa de busca
» Colocar uma caixa de upload
» Como colocar caixa de cores?
» Como colocar a caixa
» Colocar uma caixa de busca
» Colocar uma caixa de upload
» Como colocar caixa de cores?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos