Posição do botão "Painel de Controle"

por -Kisthy.BAN 21.03.20 22:41

Detalhes da questão

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

Descrição

Olá,

Gostaria de saber como deixar o painel de administração para ficar se movendo quando você sobe ou desce com o mouse. Segue os prints da explicação mais resumida:

Ao invés de permanecer aqui.

Ficaria assim.

(Ficaria um retângulo do painel de controle se movendo no fórum de acordo como que você sobe ou desce o fórum).

por Chagas 21.03.20 23:14

Saudações,

Adicione esse código no folha de estilo CSS:

Código:: .admin-link { position: fixed; bottom: 20px; right: 10px; z-index: 999; } .admin-link a { padding: 10px; background-color: #28445b; border-radius: 3px; transition: .2s ease; color: #fff; font-size: 13px; } .admin-link a:hover { background-color: #182a38; } .admin-link br { display: none; }

Atenciosamente,
Chagas

por -Kisthy.BAN 21.03.20 23:41

Ainda permanece no mesmo lugar.

por Chagas 21.03.20 23:45

-Kisthy.BAN escreveu:Ainda permanece no mesmo lugar.

Oh, acabei me esquecendo que ainda falta, me passe o seu overall_footer_end.

Perdão Envergonhado

Atenciosamente,
Chagas

por -Kisthy.BAN 21.03.20 23:47

Aqui está:

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} <div class="fa-footer"> <div class="fa-footer-row"> <div class="fa-footer-col fa-primary-footer-col"> <div class="fa-footer-logo"> <img src="https://imgur.com/oSAhdpw.png" class="logo" /> </div> <div class="fa-footer-copyright"> Copyright ️ Polícia CRE. </div> <div class="fa-footer-social"> <a href="https://chat.whatsapp.com/B51V3Ephvrb9QRZGRRDMCXl"> <i class="fa fa-whatsapp"></i> </a> <a href="https://testectm.forumeiros.com/forum"> <i class="fa fa-discord"></i> </a> </div> <a class="fa-footer-back-to-top"> <i class="fa fa-angle-up"></i> </a> </div> <div class="fa-footer-col"> <strong class="lead">Sua Missão</strong> <p>Nossa missão, é combater o crime dentro do jogo, seguindo a Habblet Etiqueta fazendo a valer todo momento. De maneira eficaz, transformaremos nossos militares em pessoas melhores, e abrangeremos um melhor conhecimento sobre a ética militar.</p> </div> <div class="fa-footer-col"> <strong class="lead">Sua História</strong> <p>A Polícia Militar CRE foi fundada no dia 09 de Março de 2020 pelos militares Andrew.37 e TheGunner. Possuindo o objetivo de divulgar a Habblet Etiqueta e Diversificar o ramo policial.</p> </div> <div class="fa-footer-col"> <strong class="lead">Sua Visão</strong> <p>Ter reconhecimento sobre a comunidade pela forma de gestão e ética dentro do ramo militar. Sempre tendo uma meta a ser planejada e cumprida.</p> </div> </div> <div class="fa-footer-attr"> Tema programado & codificado por {-Kisthy.BAN / Breno}. Créditos adicionais aos <a href="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns pela ajuda no [CCS]</a>. </div> <script> (function ($) { 'use strict'; $(function () { $('.fa-footer-back-to-top').on('click', function () { $('html, body').stop().animate({ scrollTop: 0 }, 'fast'); }); }); }(jQuery)); </script> </div>  <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>

por Chagas 21.03.20 23:50

Saudações,

Altere seu overall_footer_end para 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>  <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"> <div class="admin-link">{ADMIN_LINK}</div> </div> </div> </div> </div> {PROTECT_FOOTER} <div class="fa-footer"> <div class="fa-footer-row"> <div class="fa-footer-col fa-primary-footer-col"> <div class="fa-footer-logo"> <img src="https://imgur.com/oSAhdpw.png" class="logo" /> </div> <div class="fa-footer-copyright"> Copyright ️ Polícia CRE. </div> <div class="fa-footer-social"> <a href="https://chat.whatsapp.com/B51V3Ephvrb9QRZGRRDMCXl"> <i class="fa fa-whatsapp"></i> </a> <a href="https://testectm.forumeiros.com/forum"> <i class="fa fa-discord"></i> </a> </div> <a class="fa-footer-back-to-top"> <i class="fa fa-angle-up"></i> </a> </div> <div class="fa-footer-col"> <strong class="lead">Sua Missão</strong> <p>Nossa missão, é combater o crime dentro do jogo, seguindo a Habblet Etiqueta fazendo a valer todo momento. De maneira eficaz, transformaremos nossos militares em pessoas melhores, e abrangeremos um melhor conhecimento sobre a ética militar.</p> </div> <div class="fa-footer-col"> <strong class="lead">Sua História</strong> <p>A Polícia Militar CRE foi fundada no dia 09 de Março de 2020 pelos militares Andrew.37 e TheGunner. Possuindo o objetivo de divulgar a Habblet Etiqueta e Diversificar o ramo policial.</p> </div> <div class="fa-footer-col"> <strong class="lead">Sua Visão</strong> <p>Ter reconhecimento sobre a comunidade pela forma de gestão e ética dentro do ramo militar. Sempre tendo uma meta a ser planejada e cumprida.</p> </div> </div> <div class="fa-footer-attr"> Tema programado & codificado por {-Kisthy.BAN / Breno}. Créditos adicionais aos <a href="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns pela ajuda no [CCS]</a>. </div> <script> (function ($) { 'use strict'; $(function () { $('.fa-footer-back-to-top').on('click', function () { $('html, body').stop().animate({ scrollTop: 0 }, 'fast'); }); }); }(jQuery)); </script> </div>  <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>

por -Kisthy.BAN 21.03.20 23:54

Deu certo, muito obrigado!

Pode fechar.

por Chagas 21.03.20 23:55

Tópico resolvido

Movido para "Questões resolvidas".

Posição do botão "Painel de Controle"