Criar Rodapé com Imagem centralizada

5 participantes

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

Tópico resolvido Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 01.07.15 12:50

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!

Criar Rodapé com Imagem centralizada Adkm7m


Última edição por kakakoro em 02.07.15 15:50, editado 1 vez(es)
kakakoro

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Roevs 01.07.15 14:40

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

Mensagem por kakakoro 01.07.15 15:10

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

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Sennior 01.07.15 19:07

Saudações,

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

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

Mensagem por kakakoro 01.07.15 19:55

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>
kakakoro

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise 01.07.15 23:29

Olá,

Adiciona isto em tua CSS:
#page-footer {
background-image: url('https://2img.net/h/oi58.tinypic.com/adkm7m.png');
background-repeat: no-repeat;
}

Cumprimentos! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 02.07.15 2:41

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.
kakakoro

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise 02.07.15 10:56

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 02.07.15 12:34

kakakoro

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise 02.07.15 12:56

kakakoro escreveu:www.clinicacior.forumeiros.com  


Me desculpe! slap
Olá,

Substitua o código anterior por este.
#page-footer {
background-image: url('https://2img.net/h/oi58.tinypic.com/adkm7m.png');
}

Cumprimentos! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 02.07.15 14:12

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

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise 02.07.15 14:16

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('https://2img.net/h/oi58.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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 02.07.15 14:33

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

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por Fraise 02.07.15 14:38

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('https://2img.net/h/oi58.tinypic.com/adkm7m.png');
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 415px !important;
padding-top: 0 !important;
}

Cumprimentos! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por RafaelS. 02.07.15 15:16

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
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por kakakoro 02.07.15 15:49

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

kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar Rodapé com Imagem centralizada

Mensagem por RafaelS. 02.07.15 15:55

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

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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