Observem abaixo:
https://2img.net/r/ihimg/photo/my-images/546/x24.png/?sa=0
Gostaria de centralizar o conteúdo do footer, o que está dentro do quadrado laranja, tem como?
Aqui está os templantes que uso e o código CSS.
overall_footer_begin:
overall_footer_end:
CSS:
https://2img.net/r/ihimg/photo/my-images/546/x24.png/?sa=0
Gostaria de centralizar o conteúdo do footer, o que está dentro do quadrado laranja, tem como?
Aqui está os templantes que uso e o código CSS.
overall_footer_begin:
Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
<div id="pun-foot">
<div id="pun-about" class="clearfix">
<ul>
<li style="float: center;"> <a href="/forum" id="home" title="Return home"><img src="http://i36.servimg.com/u/f36/11/96/49/61/home10.png"/> </a> </li>
<li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
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>
<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 -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<div id="footer">
<script type="text/javascript">
$(function() {
$('#back-top').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
<div id="back-top">
<a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"/></a>
</div>
<div id="f-content">
<ul id="social">
<h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/users_10.png"/> Redes Sociais </h1>
<li>
<a href="https://www.facebook.com/pages/One-Piece-Rpg-Somos-Mugiwara/130516183797519?ref=hl" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/facebo10.png" alt="Facebook"/>
Facebook </a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/twitte10.png" alt="Twitter"/>
Twitter </a>
</li>
</ul>
<div id="connect">
<!-- BEGIN switch_user_logged_out -->
<h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/lock12.png"/> Logar-se </h1>
<form action="/login" method="post" autocomplete="off"><fieldset class="frm-set login"><dl> <dd><input type="text" placeholder="Username" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox autowidth" autocomplete="off" autofill="off"/></dd></dl><dl><dd><input type="password" placeholder="Password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" autocomplete="off" autofill="off"/></dd><dd><a href="/profile?mode=sendpassword" rel="nofollow">Lost Password?</a></dd></dl><dl><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"/> Remember Me </label></dd></dl><dl><dd class="login"><input type="submit" name="login" tabindex="6" value="Login" class="button1"/></dd></dl></fieldset></form>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div id="user-panel">
<h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/commen10.png"/> Painel Usuário </h1>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.frm-set dl:first img', data).attr('src');
jQuery('#avatar').attr('src', link);
});
});
</script>
<span><img id="avatar" src="http://i36.servimg.com/u/f36/11/96/49/61/no_ava10.gif" align="left" width="45"/><span class="USERLINK"></span><br />
<b>Mensagens:</b> <span class="USERCOUNTPOST"></span><br />
<br /> </span>
<a href="/profile?mode=editprofile&page_profil=informations" target="_blank"> Meu Perfil </a>
<br />
<a href="/search?search_id=watchsearch" target="_blank"> Tópicos sendo Observados </a>
<br />
<a href="/search?search_id=egosearch" target="_blank"> Tópicos que Respondi </a>
<br />
<a href="/search?search_id=newposts" target="_blank"> Novos Tópicos no Fórum <br /> <small>(<span class="USERLASTVISIT"> </span>)</small> </a> </div>
<!-- END switch_user_logged_in -->
</div>
<ul id="site-links">
<h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/link10.png"/> Categorias </h1>
<li>
<a href="http://mastertestes.forumeiros.com/f10-regulamento"> Regulamento </a>
</li>
<li>
<a href="http://mastertestes.forumeiros.com/f11-atualizacoes-e-anuncios"> Anúncios e Atualizações </a>
</li>
<li>
<a href="http://mastertestes.forumeiros.com/f12-staff"> Staff </a>
</li>
<li>
<a href="http://mastertestes.forumeiros.com/f1-publicidade"> Publicidade </a>
</li>
<li>
<a href="http://mastertestes.forumeiros.com/f4-recrutamentos"> Recrutamento </a>
</li>
<li>
<a href="http://mastertestes.forumeiros.com/f3-parcerias"> Parcerias </a>
</li>
</ul>
<div id="f-content">
<ul id="social">
<h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/star_o10.png"/> Parcerias </h1>
<li>
<a href="http://www.suportedesign.net" target="_blank"> <img src="http://i15.servimg.com/u/f15/18/00/02/37/110.png" alt="Twitter"/> <a href="http://shskins.forumeiros.com" target="_blank"> <img src="http://i.imgur.com/EdR4pHp.png"
</li>
<li>
<a href="http://code.azureforum.com" target="_blank"> <img src="http://i15.servimg.com/u/f15/18/00/02/37/3310.png" alt="Twitter"/> <a href="http://mastertestes.forumeiros.com/t66-como-ser-parceiro-do-master-publicitario#154" target="_blank"> <img src="http://i1135.photobucket.com/albums/m622/Mazeko1/th_parceria88x31.png"
</li>
<li>
<a href="http://cavaleiros-lendarios.forum-livre.com" target="_blank"> <img src="http://i15.servimg.com/u/f15/18/00/02/37/210.png" alt="Twitter"/> <a href="http://mastertestes.forumeiros.com/t66-como-ser-parceiro-do-master-publicitario#154" target="_blank"> <img src="http://i1135.photobucket.com/albums/m622/Mazeko1/th_parceria88x31.png"
</li>
<li>
<a href="http://divineartz.forumeiros.com" target="_blank"> <img src="http://i71.servimg.com/u/f71/16/43/60/45/310.jpg" alt="Twitter"/> <a href="http://mastertestes.forumeiros.com/t66-como-ser-parceiro-do-master-publicitario#154" target="_blank"> <img src="http://i1135.photobucket.com/albums/m622/Mazeko1/th_parceria88x31.png"
</li>
</ul>
</div>
</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>
CSS:
Código:
#footer{
width: 100%;
min-width: 900px;
color: white;
height: 280px;
background: #0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}
#footer ul{list-style-type: none;}
#footer a{color: white;}
#footer h1{
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;}
#footer h1 img{
margin: 0 0 3px 0 !important;
vertical-align: middle;
height: 25px;}
#back-top{
text-align: center;
margin-bottom: 8px;
position: relative;
top: -12px;}
#f-content{
float: center;
margin: 0 auto;}
#f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;}
#f-content #username, #f-content #password{
color: #333333;
text-shadow: 1px 1px 0 white;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png);
width: 149px;
height: 39px;
border: 0;
padding: 0 0 0 20px;}
input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill {
background: none !important;}
#f-content .button1{
cursor: pointer;
font-weight: normal !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: white;
text-align: center;
border: 0 !important;
text-shadow: 0 1px 5px black;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png);
width: 53px;
height: 25px;
padding-bottom: 2px;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;}
#f-content dd.login{
margin-top: -40px;
margin-left: 110px;}
ul#social{
margin-left: 25px;
margin-right: 25px;
text-shadow: 1px 1px 0 black;
font-weight: bold;
font-size: 15px;
float: left;}
ul#social li{
margin-bottom: 10px;}
ul#social img{
-ms-interpolation-mode: bicubic;
margin-right: 10px;
margin-bottom: 3px;
vertical-align: middle;
height:25px;}
#connect{
margin-left: 25px;
margin-right: 25px;
float: left;}
#user-panel #avatar{margin-right: 5px;}
#site-links{
text-align: center;
margin-left: 25px;
margin-right: 25px;
float: left;}
#site-links li{margin-bottom: 3px;}
#site-links li a {
font-size: 16px;}
#other{
float: center;
margin-left: 25px;
margin-right: 25px;}