Personalizar parte inferior do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar parte inferior do fórum

Mensagem por Showman em 08/12/12, 05:14 pm

Qual é minha questão:
Olá,eu gostaria do código da parte preta que fica lá embaixo neste fórum: http://br-design.forumeiros.com/# Obrigado

Endereço do meu fórum:
http://hq-design.umforum.net

Versão do fórum:
PUNBB


Última edição por Showman em 08/12/12, 08:54 pm, editado 1 vez(es)
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalizar parte inferior do fórum

Mensagem por [F]lames em 08/12/12, 07:11 pm

Olá,

Aceda á:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Clique em 'Criar um novo JavaScript':
Título: Footer personalizado
Investimento: Em todas as páginas.
Código JS *:

Código:
$(document).ready(function(){
  $('#page-footer').after('<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>');
});
Salve.


Adicione isto á teu 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;
}
#back-top {
text-align: center;
margin-bottom: 8px;
position: relative;
top: -12px;
}
#footer a {
color: white;
}
#f-content {
float: center;
margin: 0 auto;
}
ul#social {
margin-left: 25px;
margin-right#footer h1 {
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;
}
#footer h1 {
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;
}
#footer ul {
list-style-type: none;
}
#connect {
margin-left: 25px;
margin-right: 25px;
float: left;
}
#site-links {
text-align: center;
margin-left: 25px;
margin-right: 25px;
float: left;
}
ul#social img {
-ms-interpolation-mode: bicubic;
margin-right: 10px;
margin-bottom: 3px;
vertical-align: middle;
height: 25px;
}
#site-links li {
margin-bottom: 3px;
}
#site-links li a {
font-size: 16px;
}
#footer h1 img {
margin: 0 0 3px 0 !important;
vertical-align: middle;
height: 25px;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Personalizar parte inferior do fórum

Mensagem por Showman em 08/12/12, 08:06 pm

Olá Persy,há uma erro no Code CSS relacionado ás {}
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalizar parte inferior do fórum

Mensagem por Horlock em 08/12/12, 08:15 pm

No premeiro código há um ) depois depois da Chave } apague ele acho que vai funfionar
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário
  • 0

Resolvido Re: Personalizar parte inferior do fórum

Mensagem por Consolado em 08/12/12, 08:34 pm

Olá!

Painel de Controle Seta Visualização Seta Templates Seta Geral Seta overall_footer_end
Substitua o conteúdo por esse:
Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
                                 
                                  <style>
  #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;} #back-top{ text-align: center; margin-bottom: 8px; position: relative; top: -12px;} #f-content{ float: center; margin: 0 auto;} #f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;} #f-content #username, #f-content #password{ color: #333333; text-shadow: 1px 1px 0 white; background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png); width: 149px; height: 39px; border: 0; padding: 0 0 0 20px;} input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill { background: none !important;} #f-content .button1{ cursor: pointer; font-weight: normal !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: white; text-align: center; border: 0 !important; text-shadow: 0 1px 5px black; background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png); width: 53px; height: 25px; padding-bottom: 2px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;} #f-content dd.login{ margin-top: -40px; margin-left: 110px;} ul#social{ margin-left: 25px; margin-right: 25px; text-shadow: 1px 1px 0 black; font-weight: bold; font-size: 15px; float: left;} ul#social li{ margin-bottom: 10px;} ul#social img{ -ms-interpolation-mode: bicubic; margin-right: 10px; margin-bottom: 3px; vertical-align: middle; height:25px;} #connect{ margin-left: 25px; margin-right: 25px; float: left;} #user-panel #avatar{margin-right: 5px;} #site-links{ text-align: center; margin-left: 25px; margin-right: 25px; float: left;} #site-links li{margin-bottom: 3px;} #site-links li a { font-size: 16px;} #other{ float: left; margin-left: 25px; margin-right: 25px;}
</style>

<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> <br><br> <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p></div>  </div>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
Feito isto, Salve e Publique Adicionar .

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar parte inferior do fórum

Mensagem por Showman em 08/12/12, 08:50 pm

Muito bom cara,deixo á você meus parabéns e meus agradecimentos,tens me ajudado muito esses dias,obrigado.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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