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

2 participantes

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

Tópico resolvido Posição do botão "Painel de Controle"

Mensagem 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).
-Kisthy.BAN

-Kisthy.BAN
Novo Membro

Membro desde : 18/03/2020
Mensagens : 29
Pontos : 41

https://systempmcre.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem 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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem por -Kisthy.BAN 21.03.20 23:41

Ainda permanece no mesmo lugar.
-Kisthy.BAN

-Kisthy.BAN
Novo Membro

Membro desde : 18/03/2020
Mensagens : 29
Pontos : 41

https://systempmcre.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem 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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem por -Kisthy.BAN 21.03.20 23:47

Aqui está:

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>
        <ul>
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
      <ul class="footerbar-user">
        <li><i class="ion-clock"></i>{CURRENT_TIME}</li>
            <!-- BEGIN footer_link -->
            <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>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </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>
<!-- BEGIN switch_facebook_login -->
<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>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>
-Kisthy.BAN

-Kisthy.BAN
Novo Membro

Membro desde : 18/03/2020
Mensagens : 29
Pontos : 41

https://systempmcre.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem por Chagas 21.03.20 23:50

Saudações,

Altere seu overall_footer_end para este:

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>
        <ul>
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
      <ul class="footerbar-user">
        <li><i class="ion-clock"></i>{CURRENT_TIME}</li>
            <!-- BEGIN footer_link -->
            <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>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </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>
<!-- BEGIN switch_facebook_login -->
<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>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem por -Kisthy.BAN 21.03.20 23:54

Deu certo, muito obrigado!

Pode fechar.
-Kisthy.BAN

-Kisthy.BAN
Novo Membro

Membro desde : 18/03/2020
Mensagens : 29
Pontos : 41

https://systempmcre.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posição do botão "Painel de Controle"

Mensagem por Chagas 21.03.20 23:55

Tópico resolvido


Movido para "Questões resolvidas".
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos