Rodapé personalizado

por Feranubis_ 05.06.20 11:43

Detalhes da questão

Endereço do fórum: https://pmcem.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá,

gostaria de saber se existe um código para a criação de um rodapé parecido com esse:https://prnt.sc/suag9h , em detrimento desse que possuo: https://prnt.sc/suagxj , inclusive para tirar esse login que está ali de forma desnecessária. Se puderem me ajudar, agradeço!

Não sei se precisará, mas irei disponibilizar o código do overall_footer_end do meu fórum:

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> <ul> <li>  </li> </ul>  <ul class="footerbar-user"> <li><i class="ion-clock"></i>{CURRENT_TIME}</li>  <li class="rightside"> <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 class="copyright"> <div class="wrap"> <div class="copyright-body"> {ADMIN_LINK} </div> </div> </div> </div> </script>  <div id="fb-root"></div> <script type="text/javascript"> $(document).ready( function() { $('div.fb-login-button, span.fb-login-button').attr({ "data-scope": "{switch_facebook_login.FB_SCOPE}", "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}", "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}", "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}", "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}" }); $('div.fb-login-button, span.fb-login-button').each(function() { if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) { $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}'); } if($(this).html() == '') { $(this).html('{switch_facebook_login.FB_LABEL}'); } }); FB.init({ "appId" : "{switch_facebook_login.FB_APP_ID}", "cookie" : {switch_facebook_login.FB_COOKIE}, "xfbml" : {switch_facebook_login.FB_XFBML}, "oauth" : {switch_facebook_login.FB_OAUTH}, "version" : "{switch_facebook_login.FB_VERSION}" }); (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }); function onLoginFB() { window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}') } </script>   <script type="text/javascript"> $(document).ready( function() { $('div.ti-connect, span.ti-connect').attr({ "data-loc": "{switch_topicit_connect.TOPICIT_URL}", "data-login": "{switch_topicit_connect.BOARD_LOGIN}", "data-version": "{switch_topicit_connect.TOPICIT_VERSION}", "data-lang": "{switch_topicit_connect.BOARD_LANG}" }); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'topicit-connect')); }); </script>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Desde já, muito obrigado!

Att. Feranubis

por Chagas 05.06.20 12:20

Saudações,

Vê se isso te satisfaz. Troque seu overall_footer_end por este:

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> <ul> <li>  </li> </ul> </div> </div> </script>  <div id="fb-root"></div> <script type="text/javascript"> $(document).ready( function() { $('div.fb-login-button, span.fb-login-button').attr({ "data-scope": "{switch_facebook_login.FB_SCOPE}", "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}", "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}", "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}", "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}" }); $('div.fb-login-button, span.fb-login-button').each(function() { if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) { $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}'); } if($(this).html() == '') { $(this).html('{switch_facebook_login.FB_LABEL}'); } }); FB.init({ "appId" : "{switch_facebook_login.FB_APP_ID}", "cookie" : {switch_facebook_login.FB_COOKIE}, "xfbml" : {switch_facebook_login.FB_XFBML}, "oauth" : {switch_facebook_login.FB_OAUTH}, "version" : "{switch_facebook_login.FB_VERSION}" }); (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }); function onLoginFB() { window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}') } </script>   <script type="text/javascript"> $(document).ready( function() { $('div.ti-connect, span.ti-connect').attr({ "data-loc": "{switch_topicit_connect.TOPICIT_URL}", "data-login": "{switch_topicit_connect.BOARD_LOGIN}", "data-version": "{switch_topicit_connect.TOPICIT_VERSION}", "data-lang": "{switch_topicit_connect.BOARD_LANG}" }); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'topicit-connect')); }); </script>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> <div class="footer2"> <div class="footer-dsh"> <div class="credits_ppf"> 2017 - <script>document.write(new Date().getFullYear())</script> - Polícia Militar do Habbo Hotel • Todos os direitos reservados. </div> <div class="cont_footer"> <div class="footer-col"> <li class="footer-block footer-block-two"> <strong class="footer-title"><i class="fas fa-hand-holding-heart"></i> MISSÃO</strong> <ul class="footer-list"> <p>A nossa missão é combater qualquer irregularidade que se encontra no Habbo Hotel, formar bons membros e, consequentemente, bons cidadãos virtuais e reais, servindo e protegendo á todos</p> </ul> </li> </div> <div class="footer-col"> <li class="footer-block footer-block-two"> <strong class="footer-title"><i class="fas fa-shield-alt"></i> OBJETIVO</strong> <ul class="footer-list"> <p>A Instituição Militar PMHH é uma das mais novas do Habbo Hotel, criada em 2017. Temos o objetivo de melhorar a jogabilidade dos membros do ramo policial e dos usuários do Habbo com paz, harmonia e segurança.</p> </ul> </li> </div> <div class="footer-col"> <li class="footer-block footer-block-four"> <strong class="footer-title"><i class="fas fa-comment"></i> LINKS RÁPIDOS</strong> <ul class="footer-list one-links"> <li><a href="/t205-" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Estatuto </a></li> </ul> <ul class="footer-list one-links"> <li><a href="/f7-webchat-interatividade" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Interatividade</a></li> </ul> <ul class="footer-list one-links"> <li><a href="/c6-" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> SRH</a></li> </ul> <ul class="footer-list one-links"> <li><a href="http://www.fb.com/pmhabbo" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Facebook</a></li> </ul> </li> </div> <div class="footer-col"> <li class="footer-block footer-block-two"> <strong class="footer-title">Informações</strong> <ul class="footer-list">  <ul class="footerbar-user"> <li><i class="ion-clock"></i>{CURRENT_TIME}</li>  <li class="rightside"> <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>  <p class="Rcomunfor">Comunidade hospedada por forumeiros.</p> </li> </ul> </li> <div class="copyright"> <div class="wrap"> <div class="copyright-body"> {ADMIN_LINK} </div> </div> </div> </div> <p id="ir_a_pa" class="center"><strong></strong></p> </div> </div> </body> </html>

Coloque esse código na folha de estilo CSS:

Código:: .footer2 { background-color: #eee; color: #141414; font-size: 1.3rem; overflow: hidden; position: relative; } .footer-dsh { background-color: #212529; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid rgba(0,0,0,0.15); border-top-left-radius: 0; border-top-right-radius: 0; color: #a0a8b0; display: block; font-size: 12px; line-height: 2; overflow: hidden; width: 100%; } .credits_ppf { background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.10); padding: 8px; text-align: center; } .cont_footer { padding: 0; } .footer-col { float: left; width: 25%; padding: 8px; } .footer-block { _border-left: 1px solid #676767; _border-right: 1px solid #000; border-left: 1px solid rgba(103,103,103,0.13); box-sizing: border-box; display: table-cell; padding: 0 20px; width: 100%; } .footer-list li a { color: #A3AAAE!important; } #page-footer { background-color: #1e2125; } .statistics { background-color: #1e2125; } .statistics-item a:link, .statistics-item a:visited { color: #ffffff; } .statistics-item a { color: #ffffff; }

Atenciosamente,
Chagas

por Feranubis_ 05.06.20 12:26

Me agradou sim. Muito obrigado! Deu certo.

Att. Feranubis

por Chanp 05.06.20 12:49

Tópico resolvido

Movido para "Questões resolvidas".

Rodapé personalizado