Modificar o rodapé do fórum

Item: Modificar o rodapé do fórum
Rating: 1

por Icaro325 25.04.20 20:56

Detalhes da questão

Endereço do fórum: https://policia-milita-cap.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Como deixar o final da página assim?

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> {PROTECT_FOOTER} <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { $(window).scroll(function() { var header_top = $('#headerbar-top'); if (header_top.hasClass('w-toolbar')) { if ($(window).scrollTop() >= 42) { header_top.addClass('is-sticky'); } else { header_top.removeClass('is-sticky'); } } else { if ($(window).scrollTop() >= 1) { header_top.addClass('is-sticky'); } else { header_top.removeClass('is-sticky'); } } }); }); //]]> </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>

Meu overall_footer_end.

por **tikky** 26.04.20 15:07

Olá @Icaro325,

Altere o seu template para:

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-info"> <div> <h3>1</h3> <p>Tema 1? Muito original quero saber o limite de texto que ele tem hahahhahahhahahh não posso!</p> </div> <div> <h3>1</h3> <p>ddddd Muito original quero saber o</p> </div> <div> <h3>1</h3> <p>ddddd</p> </div> </div> <br /> <br /> <div class="admin_link"> {ADMIN_LINK} </div> </div> </div> </div> {PROTECT_FOOTER} <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { $(window).scroll(function() { var header_top = $('#headerbar-top'); if (header_top.hasClass('w-toolbar')) { if ($(window).scrollTop() >= 42) { header_top.addClass('is-sticky'); } else { header_top.removeClass('is-sticky'); } } else { if ($(window).scrollTop() >= 1) { header_top.addClass('is-sticky'); } else { header_top.removeClass('is-sticky'); } } }); }); //]]> </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>

para alterar o texto basta encontrar esta parte:

Código:: <div class="copyright-info"> <div> <h3>1</h3> <p>Tema 1? Muito original quero saber o limite de texto que ele tem hahahhahahhahahh não posso!</p> </div> <div> <h3>1</h3> <p>ddddd Muito original quero saber o</p> </div> <div> <h3>1</h3> <p>ddddd</p> </div> </div>

E adicione na sua folha de estilo o seguinte código:

Código:: .copyright { border-top: 5px solid #3793ff; background: #394248; padding-top: 1em; } .footerbar-system { padding-bottom: 1.7rem; } .copyright-info div { height: max-content; width: 15%; } .copyright-info div:not(:first-child) { margin-left: 1em; } .copyright-info div > h3 { color: wheat; font-weight: bolder; border: 0; margin-bottom: 0!important; } .copyright div > p { overflow-wrap: break-word; } .copyright-info { display: flex!important; align-items: stretch; max-width: 100%; justify-content: flex-end; } .admin_link { position: fixed; z-index: 999; bottom: 5%; right: 5%; } .admin_link br { display: none; } .admin_link a { background: #239df7; border: 4px solid #3793ff; padding: 8px; border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); height: max-content; width: max-content; text-align: center; transition: all .5s; } .admin_link a:hover { text-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1), inset 0 0 1px 1px rgba(0,0,0,.1); }