InícioImagem no rodapé.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Imagem no rodapé.
por Junior Santos. 19.05.15 3:26
DETALHES DA DÚVIDA
Versão do fórum : Invision
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem : http://puu.sh/hS62h/bf65429b85.png
Membros afetados : Todos os membros do fórum
Problema começou : isso deve ser considerado um problema?
Endereço do fórum : http://sky-effects.forumeiros.com/
DESCRIÇÃO DO PROBLEMA
Há uma área neste fórum: http://pokeshiny.forumeiros.com/ que mostra as notícias com banners em fade in / fade out. Se possível eu queria fazer algo semelhante no meu fórum, mas queria que isso ficasse localizado no rodapé, e não no topo.
Creio que seja possível porque os 2 fóruns são Invision, mas caso não seja, eu queria ao menos colocar uma imagem estática no rodapé do meu fórum com algum tipo de "título" sobre ela.
Versão do fórum : Invision
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem : http://puu.sh/hS62h/bf65429b85.png
Membros afetados : Todos os membros do fórum
Problema começou : isso deve ser considerado um problema?
Endereço do fórum : http://sky-effects.forumeiros.com/
DESCRIÇÃO DO PROBLEMA
Há uma área neste fórum: http://pokeshiny.forumeiros.com/ que mostra as notícias com banners em fade in / fade out. Se possível eu queria fazer algo semelhante no meu fórum, mas queria que isso ficasse localizado no rodapé, e não no topo.
Creio que seja possível porque os 2 fóruns são Invision, mas caso não seja, eu queria ao menos colocar uma imagem estática no rodapé do meu fórum com algum tipo de "título" sobre ela.
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 7:48
Saudações,
Nós teremos que fazer com Template.
Eu preciso que me mande eu Template overall_footer_end. Ele esta localizado em:
CPainel ->> Visualização ->> Templates ->> Geral
Até mais.
Sennior
Nós teremos que fazer com Template.
Eu preciso que me mande eu Template overall_footer_end. Ele esta localizado em:
CPainel ->> Visualização ->> Templates ->> Geral
Até mais.
Sennior
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 9:45
Esse aqui é o conteúdo do overall_footer_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>
<div>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</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>
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 9:49
Saudações,
Altere o teu Template pelo abaixo:
Adicione ele e não esqueça de publicar.
Até mais.
Tio Sennior
Altere o teu Template pelo abaixo:
- 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span><table cellspacing="5" style="float:right;" id="socialnetwork"><tbody><tr><td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px -1px #093E74; color: white;">Siga-nos: </td><td><a target="_blank" href="https://www.habbo.com.br/room/71193858"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/132.png"></a></td><td><a target="_blank" href="http://www.facebook.com/Habbsea"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/227.png"></a></td><td><a target="_blank" href="http://twitter.com/Habbsea"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/326.png"></a></td></tr></tbody></table><table style="float: left; margin-top: 7px;"><tbody><tr><td><a name="bottom" class="copyright" rel="follow" target="_top" title="">
2012 - 2015 Habbsea</a></td><script type="text/javascript">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script><style>.hlfooter, .hlfooter a {color: #fff;font-family: Impact;font-size: 25px;text-shadow: 0 -1px #093e74;text-transform: uppercase;}.hlfooter {background: none repeat scroll 0 0 #069;border-bottom: 5px solid #005782;border-top: 4px solid #007DBF;box-shadow: 0 0 2px #fff;height: 50px;clear: both;display: block!important;margin-top: 10px;min-width: 800px;padding: 0 10px;}</style></tr></tbody></table></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>
Adicione ele e não esqueça de publicar.
Até mais.
Tio Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 10:51
Fiz algumas alterações na "linha 40", isso removeu alguns ícones e escritas que apareceram nisso:
http://puu.sh/hSy2J/f28c9c3682.png
Antes não existia essa barra azul.
O código atual é esse:
Simplificando, se for possível você alterar o código de modo que eu possa escolher uma cor sólida para deixar no rodapé, e centralizar uma imagem sobre essa, estaria de bom tamanho. E obrigado pela ajuda que forneceu até o momento.
http://puu.sh/hSy2J/f28c9c3682.png
Antes não existia essa barra azul.
O código atual é esse:
- 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span><table cellspacing="0" style="float:right;" id="socialnetwork"><tbody><tr><td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px 0px ; color: ;"></td><td><a target="_blank" href=""><img src=""></a></td><td><a target="_blank" href=""><img src=""></a></td><td><a target="_blank" href=""><img src="></a></td></tr></tbody></table><table style="float: left; margin-top: 0px;"><tbody><tr><td><a name="" class="" rel="" target="_top" title=""></a></td><script type="text/javascript">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(call); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script><style>.hlfooter, .hlfooter a {color: #fff;font-family: Impact;font-size: 25px;text-shadow: 0 -1px #093e74;text-transform: uppercase;}.hlfooter {background: none repeat scroll 0 0 #069;border-bottom: 5px solid #005782;border-top: 4px solid #007DBF;box-shadow: 0 0 2px #fff;height: 50px;clear: both;display: block!important;margin-top: 10px;min-width: 800px;padding: 0 10px;}</style></tr></tbody></table></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>
Simplificando, se for possível você alterar o código de modo que eu possa escolher uma cor sólida para deixar no rodapé, e centralizar uma imagem sobre essa, estaria de bom tamanho. E obrigado pela ajuda que forneceu até o momento.
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 10:59
Saudações,
No código abaixo, temos a propriedade COLOR que basta colocar a cor que deseja.
Agora quanto as outras funções...
Deseja que eu deixe um link para que possa colocar uma imagem no meio?
Até mais.
No código abaixo, temos a propriedade COLOR que basta colocar a cor que deseja.
- 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span>
<table cellspacing="5" style="float:right;" id="socialnetwork">
<tbody><tr>
<td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px -1px #093E74; color: white;">Siga-nos: </td>
<td>
<a target="_blank" href="https://www.habbo.com.br/room/71193858"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/132.png"></a></td><td><a target="_blank" href="http://www.facebook.com/Habbsea"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/227.png"></a></td><td><a target="_blank" href="http://twitter.com/Habbsea"><img src="http://r18.imgfast.net/users/1811/12/23/68/album/326.png"></a></td></tr></tbody></table><table style="float: left; margin-top: 7px;"><tbody><tr><td><a name="bottom" class="copyright" rel="follow" target="_top" title=""> 2012 - 2015 Habbsea</a></td><script type="text/javascript">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>
<style>.hlfooter, .hlfooter a {
color: #fff;
font-family: Impact;
font-size: 25px;
text-shadow: 0 -1px #093e74;
text-transform: uppercase;
}
.hlfooter {
background: COLOR;
border-bottom: 0px solid #005782;
border-top: 0px solid #007DBF;
box-shadow: 0 0 0px #fff;
height: 70px;
clear: both;
display: block!important;
margin-top: 11px;
min-width: 800px;
padding: 0 10px;
}</style>
</tr></tbody></table></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>
Agora quanto as outras funções...
Deseja que eu deixe um link para que possa colocar uma imagem no meio?Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 11:03
A cor mudou, muito obrigado.
Agora falta só a imagem centralizada. O meu fórum tem um tipo de campeonato, e eu queria que a "imagem vencedora" ficasse centralizada no rodapé do fórum por um tempo determinado por mim. Será ótimo se puder me ajudar com isso.
Agora falta só a imagem centralizada. O meu fórum tem um tipo de campeonato, e eu queria que a "imagem vencedora" ficasse centralizada no rodapé do fórum por um tempo determinado por mim. Será ótimo se puder me ajudar com isso.
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 11:10
Ah meu querido! Agora entendi.
Mande-me o código que esta usando neste exato momento.
Até mais.
Sennior
Mande-me o código que esta usando neste exato momento.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 11:13
Atualmente é esse:
- 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span>
<table cellspacing="5" style="float:right;" id="socialnetwork">
<tbody><tr>
<td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px -1px #093E74; color: white;"></td>
<td>
<a target="_blank" href=""><img src=""></a></td><td><a target="_blank" href=""><img src="></a></td><td><a target="_blank" href=""><img src=""></a></td></tr></tbody></table><table style="float: left; margin-top: 7px;"><tbody><tr><td><a name="bottom" class="copyright" rel="follow" target="_top" title=""></a></td><script type="">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(call); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>
<style>.hlfooter, .hlfooter a {
color: #fff;
font-family: Impact;
font-size: 25px;
text-shadow: 0 -1px #093e74;
text-transform: uppercase;
}
.hlfooter {
background: COLOR;
border-bottom: 0px solid #005782;
border-top: 0px solid #007DBF;
box-shadow: 0 0 0px #fff;
height: 70px;
clear: both;
display: block!important;
margin-top: 11px;
min-width: 800px;
padding: 0 10px;
}</style>
</tr></tbody></table></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>
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 11:20
Saudações,
O código é este:
Nele, eu deixei um campo chamado LINKAQUI para que possa colocar a imagem.
Após colocar a imagem me avise para que eu crie o resto do código.
Até breve.
Sennior
O código é 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span>
<table cellspacing="5" style="float:right;" id="socialnetwork">
<tbody><tr>
<td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px -1px #093E74; color: white;"></td>
<td>
<a target="_blank" href=""><img src=""></a></td><td><div class="Sennior"><img src="LINKAQUI" ></div></a></td></tr></tbody></table><tr><td><a name="bottom" class="copyright" rel="follow" target="_top" title=""></a></td><script type="">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(call); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>
<style>.hlfooter, .hlfooter a {
color: #fff;
font-family: Impact;
font-size: 25px;
text-shadow: 0 -1px #093e74;
text-transform: uppercase;
}
.hlfooter {
background: COLOR;
border-bottom: 0px solid #005782;
border-top: 0px solid #007DBF;
box-shadow: 0 0 0px #fff;
height: 70px;
clear: both;
display: block!important;
margin-top: 11px;
min-width: 800px;
padding: 0 10px;
}</style>
</tr></tbody></table></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>
Nele, eu deixei um campo chamado LINKAQUI para que possa colocar a imagem.
Após colocar a imagem me avise para que eu crie o resto do código.
Até breve.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 11:25
Está tudo dentro dos conformes, com exceção do posicionamento da imagem, que não está centralizada.
O código atual é esse:
Printscreen do "problema":
http://puu.sh/hSzNg/df72af207b.jpg
O código atual é esse:
- 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>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- 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 -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<div class="hlfooter"><span class="corners-top"><span></span></span>
<table cellspacing="5" style="float:right;" id="socialnetwork">
<tbody><tr>
<td style="font-family: Impact; font-size: 25px; text-transform: uppercase; text-shadow: 0px -1px #093E74; color: white;"></td>
<td>
<a target="_blank" href=""><img src=""></a></td><td><div class="Sennior"><img src="http://orig01.deviantart.net/c0c7/f/2015/130/7/4/tag_nocturne___league_of_legends_by_acllayn-d8svyjx.png" ></div></a></td></tr></tbody></table><tr><td><a name="bottom" class="copyright" rel="follow" target="_top" title=""></a></td><script type="">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(call); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>
<style>.hlfooter, .hlfooter a {
color: #fff;
font-family: Impact;
font-size: 25px;
text-shadow: 0 -1px #093e74;
text-transform: uppercase;
}
.hlfooter {
background: COLOR;
border-bottom: 0px solid #005782;
border-top: 0px solid #007DBF;
box-shadow: 0 0 0px #fff;
height: 70px;
clear: both;
display: block!important;
margin-top: 11px;
min-width: 800px;
padding: 0 10px;
}</style>
</tr></tbody></table></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>
Printscreen do "problema":
http://puu.sh/hSzNg/df72af207b.jpg
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 11:35
Ótimo, agora coloque este código CSS:
Cpainel ->> Visualização ->> Gestão de Imagens ->> Cores ->> Folha de Estilo CSS
Salve e coloque no inicio d eteu CSS.
Até mais.
Sennior
Cpainel ->> Visualização ->> Gestão de Imagens ->> Cores ->> Folha de Estilo CSS
- Código:
.Sennior {text-align: center!important;position: absolute!important;margin-right: 0%!important;left: 0!important;width: 100%!important;right: 0!important;}
Salve e coloque no inicio d eteu CSS.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Imagem no rodapé.
por Junior Santos. 19.05.15 11:38
Muito obrigado pelo ótimo suporte Sennior, está exatamente como eu queria.
Problema resolvido.
Problema resolvido.
Junior Santos.- Novo Membro
- Membro desde : 06/05/2015
Mensagens : 9
Pontos : 13 -
Re: Imagem no rodapé.
por Sennior 19.05.15 11:48
Por nada amigo.
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Tópicos semelhantesFórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos