Personalizar footer do fórum

Item: Personalizar footer do fórum
Rating: 1

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.

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.

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'

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

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

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

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

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.

por PrisoN†BreaK 28.08.16 13:49

Olá while, o template não tem esse campo não, veja:

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> <div> <div> <div> <div> <ul> <li>  </li> </ul>  <ul> <li>   |  {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>  </li> </ul>  </div> <br /> <p class="center"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <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>

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.

por PrisoN†BreaK 29.08.16 13:58

Resolvido, obrigado.

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.

Personalizar footer do fórum