ArtigosCriar Rodapé com Imagem centralizada
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Criar Rodapé com Imagem centralizada
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!
Última edição por kakakoro em 02.07.15 15:50, editado 1 vez(es)
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Roevs 01.07.15 14:40
Olá,
Adiciona este JS com investimento em todas as páginas
Até
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- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Criar Rodapé com Imagem centralizada
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Sennior 01.07.15 19:07
Saudações,
Mande-me teu Template overall_footer_end.
Cpainel ->> Visualização ->> Templates ->> Geral
Abraços.
Sennior
Mande-me teu Template overall_footer_end.
Cpainel ->> Visualização ->> Templates ->> Geral
Abraços.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Criar Rodapé com Imagem centralizada
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 --> | <!-- 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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Fraise 01.07.15 23:29
Olá,
Adiciona isto em tua CSS:
Cumprimentos!
Adiciona isto em tua CSS:
#page-footer {
background-image: url('https://2img.net/h/oi58.tinypic.com/adkm7m.png');
background-repeat: no-repeat;
}
Cumprimentos!
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Criar Rodapé com Imagem centralizada
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Fraise 02.07.15 10:56
Olá,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.
Poderia fornecer o link do fórum, por gentileza?
Cumprimentos!
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Fraise 02.07.15 12:56
Olá,
Substitua o código anterior por este.
Cumprimentos!
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Criar Rodapé com Imagem centralizada
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Fraise 02.07.15 14:16
Olá,kakakoro escreveu:@BossAC então, então ficou repetindo e ainda não ficou centralizado, além de ter ficado cortado também.
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!
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Criar Rodapé com Imagem centralizada
por kakakoro 02.07.15 14:33
Pode fechar, não consegui. Obrigado...
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
por Fraise 02.07.15 14:38
Olá,kakakoro escreveu:Pode fechar, não consegui. Obrigado...
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!
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Criar Rodapé com Imagem centralizada
por RafaelS. 02.07.15 15:16
Olá,
Troque o template que nos passou acima por este:
Atenciosamente,
iChees
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 --> | <!-- 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.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Criar Rodapé com Imagem centralizada
por kakakoro 02.07.15 15:49
@BossAC NÃO ACREDITO! FUNCIONOU! HAHA brigadoooooo! 
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Criar Rodapé com Imagem centralizada
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.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos