Colocar footer

4 participantes

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

Tópico resolvido Colocar footer

Mensagem por IsmaelS. 10.08.14 20:01

Olá,

Queria colocar no fundo do footer como este tem:
http://tirsuporte.forumeiros.com/

Aquela barra azul se possível!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar footer

Mensagem por Roevs 10.08.14 20:39

Olá,

Altere o seu template "overall_footer_end" por 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>
      <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>
  <script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script>
                                          <div id="footer_utilities"><div style="text-align: center;  background-color: #506881;"> <br>                                                                <p><font color="#ffffff" size="2pt">Copyright © 2014 - Tecnologia em Foco</font><br><br><a href="https://www.facebook.com/TecnologiaFoco?ref=hl"><img src="http://tecnologiaemfoco.wfree.in/assets/img/facebook.png" title="Facebook" width="40px"></a>&nbsp;&nbsp;<a href="https://www.twitter.com/"><img src="http://tecnologiaemfoco.wfree.in/assets/img/twitter.png" title="Twitter" width="40px"><br></a></p></div><div class="main_width"><a rel="nofollow" href="#top" id="backtotop" title="Suba ao topo"><img src="http://www.themetree.net/public/style_images/minty/top.png" alt=""></a><ul class="ipsList_inline left"></ul></div></div>
                                         
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</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 -->

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

</body>
</html>

Adiciona este código na sua Folha de estilo CSS

Código:
#footer_utilities {
    background: none repeat scroll 0px 0px #506881;
    font-size: 11px;
    padding: 10px;
    position: relative;
}
#footer_utilities {
    font-size: 11px;
}
#backtotop {
    background: none repeat scroll 0% 0% #B9B9B9;
    border-radius: 3px;
    bottom: 10px;
    display: inline-block;
    height: 28px;
    left: 80%;
    line-height: 20px;
    margin-left: -12px;
    opacity: 0.6;
    outline: 0px none;
    position: absolute;
    text-align: center;
    width: 28px;
}

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 10.08.14 20:57

Olá,

Resultou, mas queria colocar no footer no canto direito aquela parte de "Criar fórum grátis | © PunBB | Fórum grátis de ajuda | Estatísticas | Fale conosco | Assinalar uma queixa":
http://testarnada.forumeiros.com/forum

Código overall_header_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>
      <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>
  <script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script>
  <div id="footer_utilities"><div style="text-align: center;  background-color: #506881;"> <br>                                                                <p><div style="text-align: left;"><span style="font-size: 9px;"><span style="color: #FFFFFF;">© Community Forum Software by IP.Board 3.4.6 | Licensed to: Virteq LLC | IPB Skin By Virteq | Master Publicitário - IsmaelS.</span></span></font></div><br><div class="main_width"><a rel="nofollow" href="#top" id="backtotop" title="Suba ao topo"><img src="http://www.themetree.net/public/style_images/minty/top.png" alt=""></a><ul class="ipsList_inline left"></ul></div></div>
                                         
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</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 -->

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

</body>
</html>
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 11.08.14 18:39

UP!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 13.08.14 3:19

UP!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Colocar footer

Mensagem por Sennior 13.08.14 8:12

Saudações! Muito feliz

Assim? Louco
Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
#pun-about ul li a {color: white !important;font-weight: 200 !important;}#pun-about ul li {position: relative !important;top: 68px !important;z-index: 99999999 !important;color: white !important;left: 96px !important;}

Coloque o código acima, todo no inicio de teu CSS.
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 15.08.14 23:05

Olá,

Se você não estiver conectado no fórum a parte do texto fica mais para baixo:
http://testarnada.forumeiros.com/

Mas se fazer login, veja que já fica direito, eu queria manter direito ambos!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 18.08.14 7:27

UP!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 19.08.14 12:47

UP!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Colocar footer

Mensagem por Sennior 19.08.14 15:09

Saudações! Muito feliz

Veja se a edição:
Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
#pun-about ul li a {color: white !important;font-weight: 200 !important;}#pun-about ul li {position: relative !important;top: 72px !important;z-index: 99999999 !important;color: white !important;left: 96px !important;}

Coloque o código acima, todo no inicio de teu CSS.
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar footer

Mensagem por IsmaelS. 27.08.14 0:00

Resolvido !
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Colocar footer

Mensagem por Shek 27.08.14 0:31

colocar - Colocar footer Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

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

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