Realocar barra e mudar cor

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

Atendido / Resolvido Realocar barra e mudar cor

Mensagem por Afertemath em 04.10.20 17:52

Detalhes da questão


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

Descrição


Olá, aonde mudo a cor desta barra que demarquei em vermelho?
E aonde demarquei em verde, queria apenas realocar ela para abaixo do fim do footer!
Realocar barra e mudar cor M76tQ3V
Afertemath

Afertemath
Nível 3

Masculino
Inscrito dia : 29/09/2020
Mensagens : 17
Pontos Ativos : 25

https://policiadhc-habblet.forumeiros.com/

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por Example em 04.10.20 23:57

O link do fórum da em uma pagina diferente da foto, para melhor analise arrume para nós.
Example

Example
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 9
Pontos Ativos : 21

http://www.power-pixel.net

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por pedxz em 05.10.20 0:51

Olá @Afertemath,

1.: Edite ( Editar ) o overall_footer_begin (template em Geral) localize e apague o seguinte:
Código:
<div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</div>

2. Edite ( Editar ) o overall_footer_end (template em Geral) localize:
Código:
<div class="fa-footer-attr">Tema feito por [Afertemath]. Créditos adicionais aos <a href="http://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns</a>.</div>
em baixo adicione:
Código:
<div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</div>
Relativamente a cor de fundo das estatísticas adicione na sua folha de estilo o seguinte código:
Código:
.statistics {
  background-color: #1D262C !important;
}
Altere a cor #1D262C para a cor pretendida!



Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Outro / Não divulgar
Inscrito dia : 13/01/2017
Mensagens : 5473
Pontos Ativos : 6453

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por Afertemath em 05.10.20 1:01

Deu certo porém com a barra errada. Quero que dessa essa escrito: Criar fórum gratis/Fale conosco/Assinalar uma queixa.
A que desceu eu quero apenas mudar a cor de fundo.
Afertemath

Afertemath
Nível 3

Masculino
Inscrito dia : 29/09/2020
Mensagens : 17
Pontos Ativos : 25

https://policiadhc-habblet.forumeiros.com/

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por pedxz em 05.10.20 1:05

Passe-me ambos os templates (overall_footer_end e overall_footer_begin), por favor!


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Outro / Não divulgar
Inscrito dia : 13/01/2017
Mensagens : 5473
Pontos Ativos : 6453

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por Afertemath em 05.10.20 1:11

overall_footer_end
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://i.imgur.com/C3Oa7x0.png" class="logo" />
      </div>
      <div class="fa-footer-copyright">
        Copyright :copyright:️ Polícia DHC
      </div>
      <div class="fa-footer-social">
        <a href="https://www.facebook.com/groups/policiadhc">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="https://www.facebook.com/DHC.HABBLET">
          <i class="fab fa-facebook-messenger"></i>
        </a>
        <a href="#">
          <i class="fab fa-whatsapp"></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">Título da coluna 01.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 02.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 03.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 04.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
  <div class="fa-footer-attr">
    Tema feito por [Afertemath]. Créditos adicionais aos <a href="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns</a>.
  </div>
  <div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</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>

overall_footer_begin
Código:
<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>

<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>

 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
 </div>
</div>
 </div>
 </div>
 </div>
</div>



<div id="page-footer">
 <div class="wrap">
 <ul class="footerbar-system">
 <li class="footer-home">
 <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
 </li>
 <li class="rightside">
<!-- BEGIN html_validation -->
 </li>
 </ul>
 </div>
</div>
<!-- END html_validation -->


Sobre a cor deu certo. Mudei já. Obrigado
Afertemath

Afertemath
Nível 3

Masculino
Inscrito dia : 29/09/2020
Mensagens : 17
Pontos Ativos : 25

https://policiadhc-habblet.forumeiros.com/

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por pedxz em 05.10.20 10:29

Altere o seu overall_footer_begin para:
Código:
<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>
 
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>
 
 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
 </div>
</div>
 </div>
 </div>
 </div>
</div>
 
 <div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</div>
 <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://i.imgur.com/C3Oa7x0.png" class="logo" />
      </div>
      <div class="fa-footer-copyright">
        Copyright :copyright:️ Polícia DHC
      </div>
      <div class="fa-footer-social">
        <a href="https://www.facebook.com/groups/policiadhc">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="https://www.facebook.com/DHC.HABBLET">
          <i class="fab fa-facebook-messenger"></i>
        </a>
        <a href="#">
          <i class="fab fa-whatsapp"></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">Título da coluna 01.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 02.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 03.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 04.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
  <div class="fa-footer-attr">
    Tema feito por [Afertemath]. Créditos adicionais aos <a href="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns</a>.
  </div>
<div id="page-footer">
 <div class="wrap">
 <ul class="footerbar-system">
 <li class="footer-home">
 <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
 </li>
 <li class="rightside">
<!-- BEGIN html_validation -->
 </li>
 </ul>
 </div>
</div>
<!-- END html_validation -->
e o overall_footer_end para:
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}

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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Outro / Não divulgar
Inscrito dia : 13/01/2017
Mensagens : 5473
Pontos Ativos : 6453

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por Afertemath em 05.10.20 17:37

Perfeito Pedxz. Acabei selecionando melhor resposta errado. Mas fica registrado meu agradecimento em toda ajuda fornecida em todo meu fórum. Obrigado.
Afertemath

Afertemath
Nível 3

Masculino
Inscrito dia : 29/09/2020
Mensagens : 17
Pontos Ativos : 25

https://policiadhc-habblet.forumeiros.com/

Atendido / Resolvido Re: Realocar barra e mudar cor

Mensagem por pedxz em 05.10.20 22:02

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Outro / Não divulgar
Inscrito dia : 13/01/2017
Mensagens : 5473
Pontos Ativos : 6453

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum