Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» (PEDIDO) Ranks
Hoje à(s) 05:26 am por mrvisible

» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
213 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 213 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Fim do rodapé

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

Em curso Fim do rodapé

Mensagem por PrisoN†BreaK em 11/08/17, 11:44 am

Detalhes da questão


Endereço do fórum: http://testadordetemas.forumeiro.com
Versão do fórum: PunBB

Descrição


Quero um footer como este:http://imgur.com/a/gsr7o

Meu template:
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">
    $(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 = "//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 -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

porém em vez de azul, quero vermelho, a cor do meu menu;
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1152
Pontos Ativos : 1633

http://brasilplayfreedomofc.forumeiros.com/forum

Em curso Re: Fim do rodapé

Mensagem por PrisoN†BreaK em 13/08/17, 10:16 am

Up
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1152
Pontos Ativos : 1633

http://brasilplayfreedomofc.forumeiros.com/forum

Em curso Re: Fim do rodapé

Mensagem por Harleen em 14/08/17, 11:29 am

Por favor, antes de criar um tópico, verifique se sua dúvida já foi resolvida em um outro tópico do fórum!

Para isso, nós recomendamos o uso do sistema de busca, presente neste fórum.

Leja a mensagem do Luiz nesse tópico
http://ajuda.forumeiros.com/t109412-personalizar-footer#768374
Para trocar a cor, procure por body div#main-footer, a#footer-back-to-top e troque o background-color: pela cor desejada.

Até mais


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Fim do rodapé

Mensagem por PrisoN†BreaK em 14/08/17, 10:49 pm

Eu já fiz isso antes de criar o tópico. E ficou bugado. Deixei ativo para você ver
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1152
Pontos Ativos : 1633

http://brasilplayfreedomofc.forumeiros.com/forum

Em curso Re: Fim do rodapé

Mensagem por PrisoN†BreaK em 17/08/17, 08:13 pm

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1152
Pontos Ativos : 1633

http://brasilplayfreedomofc.forumeiros.com/forum

Em curso Re: Fim do rodapé

Mensagem por Harleen Ontem à(s) 03:25 pm

Experimente esse
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 --> |
                                                      <!-- END switch_separator -->{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" class="copyright" name="bottom">{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>
                          <div id="main-footer">
    <a href="javascript:void(0)" id="footer-back-to-top">▲</a>
    <div class="main-footer-social">
     
    </div>
  <span class="main-footer-copy">
        Desenvolvido por DeeW. | Proibida à copia parcial ou total deste tema.
    </span>
</div>
<script type="text/javascript">
  (function ($) {
    'use strict';
 
    $(function () {
      $('#footer-back-to-top')
        .on('click', function () {
          $('html, body')
            .stop()
              .animate({
                scrollTop: 0   
              }, 'slow')
          ; 
        })
      ; 
    });
  }(jQuery));
</script>
<style type="text/css">
  body div#main-footer {
    background-color: #b32222;
    border-bottom: medium none;
    border-radius: 0 0 6px 6px;
    margin-bottom: 40px;
    position: relative;
}
 
  body #main-footer .main-footer-copy {
    float: none;
    margin: 0;
  }
  #main-footer {
    border-bottom: 3px solid #6687e7;
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px;
    width: 90%;
}
 
  a#footer-back-to-top {
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #226a8e;
    padding: 0px;
    box-sizing: border-box;
    line-height: 20px;
    border-radius: 0 0 3px 3px;
    padding: 4px 8px;
    transition: all 350ms;
  }
 
  a#footer-back-to-top:hover {
    background-color: #444;
  }
</style>
            {PROTECT_FOOTER}
         </div>

      </div>
                     
   </div>
</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 = "//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 -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Fim do rodapé

Mensagem por PrisoN†BreaK Ontem à(s) 11:34 pm

Sem resultado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1152
Pontos Ativos : 1633

http://brasilplayfreedomofc.forumeiros.com/forum

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

- Tópicos similares

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