Criar Rodapé com Imagem centralizada

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

Resolvido Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 01/07/15, 08:50 am

Olá, gostaria de saber como colocar esta imagem no rodapé do fórum em todas as páginas. Desde já agradeço! O fundo precisa ser PNG!



Última edição por kakakoro em 02/07/15, 11:50 am, editado 1 vez(es)
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por iPrompt em 01/07/15, 10:40 am

Olá,

Adiciona este JS com investimento em todas as páginas

Código:
    jQuery(document).ready(function(){
    jQuery("#wrap, td.bodyline, #pun-foot, #ipbwrapper").after("<div class='rodape'><img src="http://i58.tinypic.com/adkm7m.png" alt="Cior">.</div>").append("<style>.rodape{padding: 20px 20px 20px 20px;}</style>");
    }); 

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: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 01/07/15, 11:10 am

Olá, não funcionou. Criei a página e habilitei o JS, mas mesmo assim não aparece.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Sennior em 01/07/15, 03:07 pm

Saudações,

Mande-me teu Template overall_footer_end.
Cpainel ->> Visualização ->> Templates ->> Geral

Abraços.
Sennior
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: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 01/07/15, 03:55 pm

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>
                  <div>
                     <ul>
                        <li>
<!-- END html_validation -->
                        </li>
                     </ul>
                     <!-- BEGIN switch_footer_links -->
                     <ul class="linklist clearfix">
                        <li class="rightside">
                           <!-- 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 -->
                     <span class="corners-bottom"><span></span></span>
                  </div>
               </div>
               <p class="copyright">
                  <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">
    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>
<!-- 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

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise em 01/07/15, 07:29 pm

Olá,

Adiciona isto em tua CSS:
#page-footer {
background-image: url('http://i58.tinypic.com/adkm7m.png');
background-repeat: no-repeat;
}

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 01/07/15, 10:41 pm

Olá @BossAC deu certo, mas como pode ver no fórum, a imagem ficou cortada. Existe alguma possibilidade de centralizar a imagem no rodapé e aumentar o espaço da altura para caber na página? Agradecido.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise em 02/07/15, 06:56 am

@kakakoro escreveu:Olá @BossAC deu certo, mas como pode ver no fórum, a imagem ficou cortada. Existe alguma possibilidade de centralizar a imagem no rodapé e aumentar o espaço da altura para caber na página? Agradecido.
Olá,

Poderia fornecer o link do fórum, por gentileza?

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 02/07/15, 08:34 am

avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise em 02/07/15, 08:56 am

@kakakoro escreveu:www.clinicacior.forumeiros.com  


Me desculpe! slap
Olá,

Substitua o código anterior por este.
#page-footer {
background-image: url('http://i58.tinypic.com/adkm7m.png');
}

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 02/07/15, 10:12 am

@BossAC então, então ficou repetindo e ainda não ficou centralizado, além de ter ficado cortado também.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise em 02/07/15, 10:16 am

@kakakoro escreveu:@BossAC então, então ficou repetindo e ainda não ficou centralizado, além de ter ficado cortado também.
Olá,

Eis mais uma tentiva:
#page-footer {
background-image: url('http://i58.tinypic.com/adkm7m.png');
background-repeat: no-repeat;
margin-right: 100px !important;
margin-left: 152px;
padding: 3px;
}

Troque o valor a vermelho para ir aumentando/diminuindo o local onde está a imagem.

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 02/07/15, 10:33 am

Pode fechar, não consegui. Obrigado...
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise em 02/07/15, 10:38 am

@kakakoro escreveu:Pode fechar, não consegui. Obrigado...
Olá,

Amigo, desistir nunca é a solução para os nossos problemas.
Se ainda estiver interessado, tente este código:
#page-footer {
background-image: url('http://i58.tinypic.com/adkm7m.png');
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 415px !important;
padding-top: 0 !important;
}

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Rafael em 02/07/15, 11:16 am

Olá,

Troque o template que nos passou acima 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>
                  <div>
                    <ul>
                        <li>
<!-- END html_validation -->
                        </li>
                    </ul>
                    <!-- BEGIN switch_footer_links -->
                    <ul class="linklist clearfix">
                        <li class="rightside">
                          <!-- 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 class='center rodape'><img src="http://i58.tinypic.com/adkm7m.png" alt="Cior"></div>                   
<span class="corners-bottom"><span></span></span>
                  </div>
              </div>
              <p class="copyright">
                  <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">
    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>
<!-- 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>

Atenciosamente,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro em 02/07/15, 11:49 am

@BossAC NÃO ACREDITO! FUNCIONOU! HAHA brigadoooooo! Rosa
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Rafael em 02/07/15, 11:55 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

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