Modificar e atribuir créditos no footer

por IsmaelS. 28.12.14 15:34

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Endereço do fórum : ismaelsd.forumeiros.com.pt/forum

Descrição do problema

Bem o que desejo é uma alteração no template do fórum, ou seja neste fórum vi este footer:

Modificar e atribuir créditos no footer 112

- http://veron.forumeiros.com/

Eu queria colocar isso no meu fórum, mas queria umas alterações, queria o fundo todo de cor "#4F5961" e onde diz "VER ON" queria a dizer "SUPORTE DESIGN".

Se repararem em baixo da seta de ir para o topo, tem a informação da forumeiros "criar um fórum | Tendência e Sociedade | Outros | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum" simplesmente queria retirar e colocar "© Suporte Design & Oski - Todos os direitos Reservados"

Aqui fica o overall_footer_end:

Código::  <!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>  </li> </ul> <p class="right" style="margin-bottom: -20px;"> <strong>{ADMIN_LINK}</strong> </p>  <ul> <li>   |  {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>  </li> </ul>  </div> </div> {PROTECT_FOOTER} </div> </div> </div> </div> <div id="footer"> <div class="wrapper"> <p> <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><strong>© Suporte Design & Oski - Todos os direitos Reservados</strong></span></p> <a class="backtop" href="#"></a> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Se for possível agradecia o mais rápido possível!

por IsmaelS. 30.12.14 12:46

por IsmaelS. 31.12.14 16:07

por Gabe 31.12.14 16:51

Olá!

O código CSS para a edição do footer é a seguinte:

div#pun-about.clearfix {
background-color: #fff000 !important;
}

Modifique o que está em vermelho para alterar a cor do fundo.

Para adicionar outros links você pode ver este tutorial:

[FAQ] Links do rodapé

E para criar outro rodapé, veja este:

[TUTORIAL] Criar novo rodapé

Abraço.

por IsmaelS. 31.12.14 17:15

Olá,

Mas eu desejava como postei na dúvida...

por IsmaelS. 01.01.15 11:00

por Consolado 04.01.15 9:34

Bom dia, Ismael!

Utilize esse código CSS:

Código:: #pun-foot{background:#4F5961;border-bottom:0 solid #990451;border-top:0 solid #d8d8d8;clear:both;color:#fff;font-family:Verdana, Arial, sans-serif;font-size:1em;font-style:normal;font-variant:normal;font-weight:400;height:150px;padding:3px;text-decoration:none;text-shadow:none;text-transform:uppercase}#pun-about{background-color:transparent;border:none;line-height:150%;padding:.6em 1em;text-align:right}.footer{line-height:130%;margin:0 auto;min-width:970px;padding:5px;width:80%}.marca-logo{color:#fff;float:left;font-family:VolkswagenSerial-Bold;font-size:30px;font-weight:lighter;letter-spacing:-1px;line-height:30px;margin-top:50px}#pun-foot a{color:#fff;text-decoration:none}.foot-ul{background:url(http://i39.servimg.com/u/f39/11/55/08/10/border14.png) no-repeat;border-left:0 solid #a60a5b;float:left;height:60px;margin-left:30px;margin-top:47px}.foot-indice{float:left;padding-top:15px}#pun-about li{visibility:hidden}li.foot-indice{visibility:visible!important}.foot-indice a{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:11px;padding:20px 10px}.foot-indice a:hover{background:url(http://i39.servimg.com/u/f39/11/55/08/10/bg11.png);color:#fff}.foot-end{background:#4F5961 url(http://i39.servimg.com/u/f39/11/55/08/10/bg11.png);color:#fff;margin:0 auto}.foot-end a{color:#fff!important;text-decoration:none}

Preste bem atenção, esse daqui vai no overall_footer_begin, certo? Eu não sei se esse seu template está modificado e se estiver me passe ele.

Código::  <div> <div> <div> <div> <div> <div> <div> <div>  </div> </div> </div> </div> </div> <div id="{ID_RIGHT}">  {giefmod_index2.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </div> </div> </div> <div id="pun-foot"> <div id="pun-about" class="clearfix"> <div class="footer"><a class="marca-logo" href="/">Suporte Design</a><ul class="foot-ul"><li class="foot-indice"><a name="bottom" href="/statistics" rel="nofollow">Parceiros</a><a name="bottom" href="/statistics" rel="nofollow">Estatísticas</a><a name="bottom" href="/contact" rel="nofollow">Fale conosco</a><a href="/abuse?page=%2F&report=1">Reportar</a></li></ul></div> <ul> <li>  </li> </ul> </div> </div>

E esse daqui vai no overall_footer_end:

Código::  <!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>  </li> </ul>  <ul> <li>   |  {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>  </li> </ul>  </div> <br /> <p class="center"> <strong>{ADMIN_LINK}</strong> </p> </div> <div class="foot-end"><div align="center"><ul><li><strong><a href="http://www.forumeiros.com/criar-forum/phpbb3" target="_blank">criar um fórum</a></strong> | <span class="gensmall">©</span> <a href="http://www.forumeiros.com/punbb" target="_blank">PunBB</a> | <a name="bottom" href="http://ajuda.forumeiros.com/" target="_blank">Fórum grátis de ajuda</a> | <a name="bottom" href="/contact" rel="nofollow">Fale conosco</a> | <a href="/abuse?page=%2F&report=1" rel="nofollow">Assinalar uma queixa</a> | <strong><a href="http://www.forumeiros.com" target="_blank">Criar um fórum</a></strong></li></ul></div></div> </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

É proibido ocultar o rodapé da Forumeiros pra colocar sua mensagem por cima, vai ter que se conformar, beleza? Qualquer problema é só avisar!

Espero ter ajudado.
Até mais.