Colocar footer

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

Resolvido Colocar footer

Mensagem por IsmaelS. em 10/08/14, 04:01 pm

Olá,

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

Aquela barra azul se possível!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por iPrompt em 10/08/14, 04:39 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 10/08/14, 04:57 pm

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>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 11/08/14, 02:39 pm

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 12/08/14, 11:19 pm

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por Sennior em 13/08/14, 04:12 am

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16330
Pontos Ativos : 20836

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 15/08/14, 07:05 pm

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!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 18/08/14, 03:27 am

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 19/08/14, 08:47 am

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por Sennior em 19/08/14, 11:09 am

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16330
Pontos Ativos : 20836

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em 26/08/14, 08:00 pm

Resolvido !

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar footer

Mensagem por Shek em 26/08/14, 08:31 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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


Bem-vindo 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 clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17566
Pontos Ativos : 21792

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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