Personalizar footer do fórum

5 participantes

Ir para baixo

Tópico resolvido Personalizar footer do fórum

Mensagem por PrisoN†BreaK 28.08.16 0:27

Detalhes da questão


Endereço do fórum: http://brasilplayfreedomofc.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Eu gostaria de retira esses espaços que tem no meu footer https://imgur.com/a/7xajJ e gostaria de saber como faço para mudar a cor dessa linha azul em baixo dele.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por REVIEW 28.08.16 1:24

Olá,
coloque-o esse código em sua folha de CSS.
Código:
body > footer{position:relative!important;top:15px!important;}
Resulta?

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por Shek 28.08.16 1:40

Boa noite,

Quando fala da linha azul, seria a dos fóruns que separa o avatar do último membro que postou e do título do tópico?

Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por PrisoN†BreaK 28.08.16 2:11

A linha que eu falou, é essa da parte onde circulei em preto:
https://imgur.com/a/7xajJ
Essa linha em baixo do footer.

---

Castiel, resultou tirando só o espaço de baixo '~'
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por REVIEW 28.08.16 2:18

Olá,
adiciona mais esse código em sua folha de CSS.
Código:
.container_IE{position:relative!important;top:23px!important;}
Para qual cor deseja muda a linha do footer?

Até.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por Shek 28.08.16 2:19

Olá!

No seu template, provavelmente, terá este CSS:
Código:
footer {
    margin-top: 5px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    padding: 15px;
}
Basta trocar o hexadecimal do background: rgba(0,0,0,0.4); pela cor desejada, salvar e publicar o template overall_header.tpl!

Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por PrisoN†BreaK 28.08.16 2:42

Mudou foi o footer, eu quero mudar a cor só da linha azul, como vc pode ver, embaixo do footer, tem uma pequena linha azul, quero mudar ela '~'
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por while 28.08.16 2:45

Olá autor, no seu template overall_footer_end tem esse código:
Código:
footer    background: #3B404A none repeat scroll 0 0;
    border-bottom: 3px solid #6687E7;
    color: #FFF;
    font-size: 13px;
    font-weight: 100;
    height: 100px;
    line-height: 100px;
    margin: 0 auto 20px;
    padding: 10px;
    width: 97%;
}

Em border-bottom:3px solid #6687E7; , você altere o #6687E7 pela cor desejada.
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por PrisoN†BreaK 28.08.16 13:49

Olá while, o template não tem esse campo não, veja:
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>
      <div>
        <div>
            <div>
              <div>
                  <ul>
                    <li>
<!-- END html_validation -->
                    </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                    <li>
                        <!-- BEGIN footer_link -->
                          <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<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>
                        <!-- END footer_link -->
                    </li>
                  </ul>
                  <!-- END switch_footer_links -->
              </div>
              <br />
              <p class="center">
                  <strong>{ADMIN_LINK}</strong>
              </p>
            </div>
            {PROTECT_FOOTER}
        </div>
      </div>
  </div>
</div>
 
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });
 
  (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 = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
 
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');
 
      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});
 
$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
 
<footer><div class="social"><a href="Página em construção"><i class="fa fa-facebook"></i></a></div><div class="social"><a href="https://twitter.com/search?f=tweets&q=Brasil%20PlayFreedom%20RPG"><i class="fa fa-twitter"></i></a></div><span class="copy"> Tema desenvolvido por Victor_VerTeXs | Proibida à copia parcial ou total deste tema.</footer><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
    var vglnk = {
        api_url: 'http://api.viglink.com/api',
        key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
    };
 
  (function(d, t) {
        var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
        s.src = ('https:' == document.location.protocol ? vglnk.api_url :
        'http://cdn.viglink.com/api') + '/vglnk.js';
        var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
    }(document, 'script'));
</script></body></html>
<style>
.social .fa-facebook, .social .fa-twitter {
    background: transparent none repeat scroll 0 0;
    display: block!important;
    color: #fff!important;
    height: 23px!important;
    line-height: 28px!important;
    padding: 10px 20px!important;
    margin-top: -15px!important;
    font-size: 21px!important;
    transition: .5s;
}
 
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.social {
    text-align: left;
    float: left;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social .fa-twitter:hover {
    background: #00a0cb!important;
}
.fa-twitter:before {
    content: "\f099";
}
footer {
    margin-top: 5px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    padding: 15px;
}
.copy {
    display: block;
    text-align: right;
    line-height: 100%;
}
.social .fa-facebook:hover {
    background: #3b5998!important;
}
</style>
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por while 28.08.16 16:38

Então está no seu css, mas enfim adicione esse código na sua folha de estilo css:
Código:
footer {border-bottom:COLOR!important;}

Em COLOR , você poe o valor hexadicimal da cor desejada, ou ela em inglês, exemplo: Red.

Caso não queira adicionar, basta procurar pelo código que passei na mensagem acima.
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por PrisoN†BreaK 29.08.16 13:58

Resolvido, obrigado.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar footer do fórum

Mensagem por Cream 29.08.16 14:16

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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