Colocar footer

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

Resolvido Colocar footer

Mensagem por IsmaelS. em Dom 10 Ago 2014 - 16:01

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 Dom 10 Ago 2014 - 16: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em Dom 10 Ago 2014 - 16: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>

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 Seg 11 Ago 2014 - 14:39

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 Ter 12 Ago 2014 - 23:19

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 Qua 13 Ago 2014 - 4: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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em Sex 15 Ago 2014 - 19: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!

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 Seg 18 Ago 2014 - 3:27

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 Ter 19 Ago 2014 - 8:47

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 Ter 19 Ago 2014 - 11: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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Colocar footer

Mensagem por IsmaelS. em Ter 26 Ago 2014 - 20:00

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 Ter 26 Ago 2014 - 20:31

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

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

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