Rodape desajustado punbb

Olá pessoal, estou com um bug no meu fórum, aonde eu coloco o código do tutorial:

http://firstcheats.forumais.com/t1034-hot-final-rodape-para-seu-forum

Faço tudo certinho só que na hora que eu vejo, fica todo estranho o código.



Obs, não queria tirar nada do meu css.

Css:

Código:

.module {
  text-shadow: 1px 1px 0 white;
  background: #f5f5f5;
  -moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
  -webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
  box-shadow: 0px 0px 7px 0px #ababab;
  border: 1px solid white;}

.module .main-head{
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #333 !important;
  background: #EAEAEA;
  border-bottom: 1px solid white;} 
 
.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4{
  color: #333 !important;} 
 
 .module .main-content{
  background: #f5f5f5;
  border-top: 1px solid #D9D9D9;}

.portal .module.mod_news{
  margin: 0 !important;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 0;}

.portal .module {
  margin: 10px !important;}


#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: left;
  margin-left: 25px; 
  margin-right: 25px;}



.img_list_hp {
border: 1px solid #35e5aa;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #eafff8;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #088dc5;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
a[href="/u1"] {
background: url("http://i47.servimg.com/u/f47/16/67/78/59/21ee1p10.gif")
background: url("http://i47.servimg.com/u/f47/16/67/78/59/att11110.gif");
}

a[href="/u156"] {
background: url("http://i47.servimg.com/u/f47/16/67/78/59/21ee1p10.gif");
}

html {
background: white;
}

body {
background: #363636 url(http://i.imgur.com/opMxd.jpg) repeat;
color: #5A5A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px
}

.minwidth_IE {
background: url(http://i46.tinypic.com/11rwsg1.png) no-repeat center 0;
}
.layout_IE {
background: url(http://i.imgur.com/QhLwO.png) repeat-x 0 top;
}
.container_IE {
background: url(http://i.imgur.com/0dndY.png) repeat-x 0 bottom;
}
.pun {
margin: auto;
min-width: 990px;
width: 80%;
}
#pun-intro {
background: transparent!important;
border: none;
padding: 0px 10px;
}
#page-body {
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url(http://i.imgur.com/uxWte.png) repeat-x top;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
line-height: 120%;
overflow: hidden;
padding: 10px;
width: auto;
border: 1px solid black;
}
.main .main-head {
background: #E5E5E5 url('http://i.imgur.com/Ak91R.png') repeat-x 0 0;
border: 1px solid black;
color: white;
text-shadow: black 0px 1px 0px;
padding: 12px;
font-size: 15px;
font-weight: bold;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.main-head .page-title h2 {
color: white;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 18px;
}
.pun .main-content {
background: white;
border: 1px solid #DEDEDE;
}
.pun table.table td {
background: white!important;
border-left: 0px;
}
.postmain blockquote, blockquote {
font-size: 12px;
padding: 10px;
border-bottom: 2px solid #E5E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #F7F7F7;
}
.postmain cite, blockquote div cite {
font-size: 12px;
padding: 8px 10px;
border-bottom: 1px solid #E3E4E6;
background: #EEEEEF url('http://i.imgur.com/UHWKt.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
width: 100%;
position: relative;
left: -10px;
margin-top: -10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
blockquote div cite::before {
background-image: url("http://i.imgur.com/a0SsF.png");
padding: 8px;
content: "cite";
color: transparent;
font-size: 0px;
position: relative;
top: -5px;
background-repeat: no-repeat;
text-indent: -5000px;
}
.pun .postmain {
background-color: white;
border: none;
}
.main-foot {
background: #262626 url('http://i.imgur.com/le0RR.png') repeat;
}

/*----------[Apagar Sub]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIM---------------*/
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51A3CE url('http://i.imgur.com/VGRFV.png') repeat-x 0 0;
border-color: #4897C0;
-webkit-box-shadow: #8AC7E7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8AC7E7 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4897C0;
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #60B3DE;
color: white;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color: #AFD6EA;
-webkit-box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #bce6fb, #ddf4ff 0px 0px 3px;
box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
}
input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
#text_edit button.button2 {
border: none;
background: transparent;
padding: 3px;
border-radius: 3px;
cursor: pointer;
}
#text_edit button.button2:hover {
background: #DDD;
}
#quick_reply, .main .main-content.frm {
background-color: #EFEFEF !important;
}
.codebox dt {
background: #ECECEC url('http://i.imgur.com/Ixvd4.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
padding: 5px;
}
.codebox dd {
background: transparent;
}
.codebox {
padding: 5px;
background: #F8F8F8;
border: 1px solid #C9C9C9;
overflow: auto;
margin-left: 10px;
font-size: 11px;
line-height: 140%;
}
.hierarchy a {
font-weight: bold;
font-family: "Trebuchet MS"tahoma,helvetica,arial,sans-serif;
font-size: 15px;
}
h2.topic-title a {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
}
.tcl.tdtopics {
font-size: 12px;
color: #A4A4A4;
}
#pun-foot {
clear: both;
position: relative;
top: -5px;
}
#pun-about {
background: url(http://i.imgur.com/kRsON.png) repeat-x scroll center -2px transparent;
border-color: #111;
border-style: solid;
border-width: 0 1px 1px;
padding: 8px 10px;
font-size: 11px;
position: relative;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
border-top: 0px;
font-size: 9px!important;
font-family: arial;}
#pun-about form {
display: none;
}

.pun .posthead {
background: #262626 url('http://i.imgur.com/2Lqal.png') repeat;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset black 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset black 0px 1px 3px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
color: #BBB;
font-size: 11px;
font-weight: normal;
border: none;
}
.pun .posthead .usertopost strong {
float: left;
}
.pun .posthead .online {
float: left;
min-width: 16px;
font-weight: bold;
position: relative;
top: 14px;
}
.pun .posthead .usertopost {
float: left;
min-width: 177px;
font-weight: bold;
}
.pun .posthead .countpostpo {
float: right;
}
.pun .posthead .titleandicons a {
color: #CACACA;
}
.pun .post .user {
font-size: 12px;
text-align: center;
}

#postfootaplypost {
border: none;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#backtotop img {
position: relative;
top: 5px;
}
#backtotop:hover {
background: #3378A4;
color: white;
opacity: 1;
}
span.Copyright a {
color: black!important;
text-shadow: 1px 1px #3D3D3D;
}
span.Copyright {
position: absolute;
float: left;
margin-top: -10px;
}
span.Copyright a:hover {
color: #0C0000!important;
text-shadow: 1px 0px 1px #383838;
}
.tc3 p {
margin-right: 10px;
}
.vote {
width: auto;
}
.tituloposttop {
font: 300 26px/1.3 Helvetica,Arial,sans-serif;
color: #323232;
}
.topic-title a:link {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#page-body {
margin-top: auto;
}
#secondary_navigation {
background: url(http://i.imgur.com/6yvJj.png) repeat-x top;
border-color: #111;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px 1px 0;
line-height: 34px;
overflow: hidden;
padding: 0 14px;
text-shadow: 0 1px 0 #111;
}
#secondary_navigation .navecumb {
float: left;
}
#secondary_links {
float: right;
}
#secondary_navigation .ipsList_inline.right li {
float: right;
list-style: none;
margin-right: 5px;
}
#notify_link, #inbox_link {
width: 18px;
height: 15px;
padding: 12px 26px 12px 8px !important;
position: relative;
}
#inbox_link {
background: url(http://i.imgur.com/0HSNR.png) no-repeat 5px;
}
#notify_link {
background: url(http://i.imgur.com/n3XhG.png) no-repeat 5px;
}
.logoutuser:hover, .profilename:hover, #inbox_link:hover, .register:hover ,.login:hover ,#notify_link:hover{
background-color: rgba(255, 255, 255, 0.1);
}
.subhebodytop span.nuevotopicbody {
position: relative;
top: 8px;
margin-right: 20px;}
.logoutuser, .register, .login ,.profilename {
font-size: 12px;
padding: 1px 12px;
display: inline-block;
outline: 0;
}
.subhebodytop span {
float: right;
}
.subhebodytop {
margin: 10px 0px 20px 0px;
overflow: hidden;
}
.searchboxinbody .button1:hover {
background-color: transparent;
}
.searchboxinbody .button1 {
background: url(http://i.imgur.com/xxHZa.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: none;
width: 26px;
height: 28px;
box-shadow: none;
border-radius: 0px;
position: relative;
top: 1px;
left: -26px;
}
.searchboxinbody .inputbox.medium {
position: relative;
background: white;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
border: 1px solid #CCC;
min-width: 200px;
}
#secondary_navigation a:hover {
color: white;
}
#secondary_navigation a {
color: #C2C2C2;
}
#primary_nav {
font-size: 13px;
position: relative;
float: right;
margin: 26px 0 0;
font-family: "Lato",arial,serif;
text-transform: lowercase;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
}
#community_app_menu .left.active {
color: white;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 10px 25px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 10px 25px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 10px 25px rgba(0,0,0, 0.6);
position: relative;
background: rgba(0, 0, 0, 0.2);
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#community_app_menu li a {
color: #909090;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
display: block;
padding: 6px 15px 8px;
text-align: center;
outline: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#community_app_menu li {
margin: 0px 3px 0 0;
position: relative;
list-style: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#community_app_menu li:hover {
color: white;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 5px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0,0.3);
position: relative;
background: rgba(0, 0, 0, 0.1);
}
#pun-title ,#pun-desc {
display: none;
}
#estadisticas-IPB {
overflow: hidden;
text-align: center;
margin: 10px 0px;
}
#estadisticas-IPB div.stat-bloque {
margin-right: 20px;
display: inline;
}
#estadisticas-IPB .stat-bloque span {
display: inline-block;
background: url('http://i.imgur.com/Gs8Nv.png') repeat;
background: rgba(0, 0, 0, 0.1);
color: #222;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
}
.board_statistics {
border-radius: 5px 5px 5px 5px;
margin: 10px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: solid #CCC;
border-width: 0px 1px 1px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.board_statistics h2 {
color: #C2C2C2;
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
background: #EEE url(http://i.imgur.com/M3ytK.png) repeat-x top;
font-size: 11px;
font-weight: normal;
padding: 8px;
margin: -8px -8px 8px -8px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.paging a {
padding: 4px 6px;
background: #EAEAEA;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.paging b {
background: #7BA60D;
color: white;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 3px 6px;
}
.paging a:hover {
background: #AF286D;
color: white;
}
#chatbox_header.main-head {
background: #E5E5E5 url(http://i.imgur.com/Ak91R.png) repeat-x 0 0;
text-shadow: black 0 1px 0;
}
.nuevotopicbody a {
background-image: url("http://i.imgur.com/nbWdZ.png");
padding-right: 20px;
background-repeat: no-repeat;
background-position: right top;
}
.nuevotopicbody a:hover {
background-position: bottom right;
}

/*lastpost*/
#avatar-lastpost img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
background: white;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 40px;
margin-top: 10px;
margin-right: 3px;
padding: 1px;
width: 40px;
}
#avatar-lastpost img:hover{
width: 40px;
height: 40px;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
border: 1px solid #A1A1A1;
}

/*Quick reply*/


  #quick_reply #textarea_content {
      clear: both;
      margin-left: -110px;
      margin-right: 200px;
      width: 110% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  display:none
}

input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
border: 1px solid #afafaf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
  -moz-box-shadow: 1px 3px 0px #afafaf;
  -webkit-box-shadow: 1px 3px 0px #afafaf;
  margin-top:8px;
}

#text_editor_controls button{
  background-image:none;
  border-radius:5px;
  height:25px!important;
  margin-top:8px;
  padding:4px!important
}

.mensajes-envio #text_editor_controls{
  background-color:#EEE;
  border:solid 1px #CCC;
  border-bottom:0;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  margin:0 auto;
  padding:5px;
  text-align:center;
  white-space:pre-wrap;
  word-wrap:break-word;
    margin-top:8px;
}

.mensajes-envio fieldset.frm-set dl dt{
  display:block;
  float:right;
  font-weight:700;
  text-align:left;
  width:150px;
}

.mensajes-envio #text_editor_textarea{
  border:0;width:90%!important
}

.mensajes-envio div.posting-block{
  background:#fff;
  border: 2px solid #7ba60d;
  float:left;
  margin:0;
  padding:0;
  width:1110px
}

.mensajes-envio .frm-input{
  width:90%!important
}

.mensajes-envio #smiley-box iframe{
  border:none;
  height:100px!important;
  overflow:auto;
  width:100%!important
}

.mensajes-envio #smiley-box{
  width:100%!important
}

/*Chatbox*/
#chatbox_messenger_form #submit_button{
  margin-bottom:3px;
  margin:0!important
}

#chatbox_messenger_form #submit_button:hover{
  background:#E2FCFF;
  border:1px solid #4CC3FC;
  color:#027FAF
    margin-bottom:3px;
}

#chatbox_header.main-head{
    background:#ffffff url("http://i.imgur.com/Ak91R.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
    border-color: #ffffff;
    border-radius: 8px 8px 0px 0px;
}

/*avatar quickreply*/
.avatar img {
width: 45px;
height: 45px;
background: white;
padding: 1px;
border: 1px solid #a6a6a6;
margin-top:-240px;
margin-left:50px;
margin-bottom: 0px;
-moz-box-shadow: 1px 3px 3px #a8a8a8;
  -webkit-box-shadow: 1px 3px 3px #a8a8a8;
}
.avatar img:hover {
border: 1px solid #999999;
}

/*avatar box tópico*/
.ipsBox_withphoto img {
 -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #D5D5D5;
  box-shadow:0 2px 2px rgba(0,0,0,0.1);
  float:left;
  height:50px!important;
  padding:1px;
  width:50px!important
}
.ipsBox_withphoto img:hover {
border: 1px solid #b3b1b1;
}

/*teste*/
.ipsBox_withphoto{float:left;margin-left:10px}
.desc.lighter.blend_links{color:#777;float:left;font-size:11px}
.ipsType_pagetitle{color:#323232;display:block;font-family:Helvetica,Arial,sans-serif;font-size:26px;font-style:normal;font-variant:normal;font-weight:300;line-height:1.4;outline-style:none;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:650px}
.avatarredet img{float:left;height:54px;width:54px}
.socialetopic{float:right;position:relative}
/* Sdbr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
  background: #fbfbfb none  ;
}
#sidebar li.sgicon .maincol .textcontrol {
  color: #424242;
}

/*----TOPIC-----*/
.post-options img:hover {
opacity: 0.7;
}

.posting img:hover {
opacity: 0.9;
}

/* FOOTER */   

#backtotop {
   width: 24px;
   height: 24px;
   line-height: 20px;
   left: 50%;
   margin-left: -12px;
   position: absolute;
   display: inline-block;
   background: #bdbdbd;
   text-align: center;
   -moz-border-radius: 16px;
   -webkit-border-radius: 16px;
   border-radius: 16px;
   opacity: 0.4;
   outline: 0;
}

   #backtotop:hover {
      background: #3378A4;
      color: #fff;
      opacity: 1;
   }

.top_button {
  margin-top:5px;
}

#footer_rodape {
      color: #848484;
      text-align: right;
      text-shadow: 0px 1px 0px #fff;
                padding-right:80px;
   }
   
      #footer_rodape a { color: #848484; }

/* Rodape */
/*Fonte lobster*/
@font-face{
  font-family:Lobster;
  font-style:normal;
  font-weight:400;
  src:local(Lobster), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff)format("woff")
}


/* Advertising
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
  background:#0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;
  color:#fff;
  height:320px;
  min-width:900px;
  width:100%
}

#footer ul{
  list-style-type:none;
}

#footer a{
  color: #F9F9F9;
  text-decoration: none;
}

#footer a:hover{
   text-decoration: underline;
   color: #D8D8D8;
}

#footer h1{
  border-bottom:3px dotted #fff;
  font-family:Lobster;
  font-size:24px;
  font-weight:400;
  margin-bottom:20px;
  padding-bottom:5px;
  text-shadow: 0px 4px 5px #666;
}

#footer h1 img{
  height:25px;
  margin:0 0 3px!important;
  vertical-align:middle
}

#footer li{
   list-style-type: none;
   margin-top: 5px;
   margin-right: 6px;
   margin-bottom: 5px;
   margin-left: 6px;
}

#back-top{margin-bottom:8px;position:relative;text-align:center;top:-12px}


#f-content{
  position:relative;
  float:center;
  margin:auto;
  margin-left:145px;
}

div#social{
  float:right;
  margin-right:-8px;
  margin-top:5px;
  text-decoration: none
}

div#social a{
  text-decoration: none;
  margin-right:10px
}

div#social a img{
  text-decoration: none;
  -ms-interpolation-mode:bicubic;
  width:25px
}

ul#social{
  float:left;
  font-size:15px;
  font-weight:700;
  margin-left:25px;
  margin-right:25px;
  text-shadow:1px 1px 0 #000;
  text-decoration: none;
}

ul#social li{
  margin-bottom:10px;
  text-decoration: none;
}

ul#social img{
  -ms-interpolation-mode:bicubic;
  height:25px;
  margin-bottom:3px;
  margin-right:10px;
  vertical-align:middle;
  text-decoration: none;
}


#other{float:left;margin-left:25px;margin-right:25px}

#parceiros {
   float: right;
   height: 195px;
   width: 322px;
}


#parceiros ul{
   margin-top: -10px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

#parceiros li{
   list-style-type: none;
   margin-top: 4px;
   margin-right: 0px;
   margin-bottom: 6px;
   margin-left: 0px;
}

.esquerdo {
   float: left;
   height: auto;
   width: 150px;
   margin-right: 10px;
}

.direto {
   float: right;
   height: auto;
   width: 150px;
   margin-left: 10px;
}

/*Expand & Ocultar*/
.expand, .contract {
  position: absolute;
  top: -4px;
  right: 3px;
  cursor: pointer;
  width: 32px;
  height: 22px;
  background: url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_maximize.png);
}
.contract {
  background: url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_minimize.png);
}

/* Action Notice ---------------------------------------- */ .bvinfo, .bvsuccess, .bvwarning, .bvalert, .bverror, .bvcancel, .bvhelp, .bvref { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } .bvinfo { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Info.png'); } .bvref { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/referido.png'); } .bvwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Attention.png'); } .bvsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Valid20Green.png'); } .bverror { color: #D8000C; background-color: #FFBABA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Remove20Red.png'); } .bvcancel { color: #D63301; background-color: #FFCCBA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Cancel.png'); } .bvhelp { background-color: #CD9BFF; border: 2px solid #6200C4 ; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Help.png) ; } /*-------------------Mod Notice------------------*/ .mod1 { background-color: #ADCBE7; border: 2px solid #0F5C8E; color: #004DFF; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/register-icon-2-1-1.png'); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0px; padding:15px 10px 15px 50px; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } .mod2 { background-color: #D6ECA6; border: 2px solid #8DC93E; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Mail-icon-1-1.png'); margin: 10px 0px; padding:15px 10px 15px 80px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*-------------------Mod Notice------------------*/ .bvmod{text-align:center;} .bvmod1, .bvmod2, .bvmod3, .bvmod4, .bvmod5{ width: 80%; margin-top:2em; margin-left: auto; margin-right: auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; padding: 15px 20px 15px 80px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*IE min-height ♥♥♥*/ min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; bottom:6px;    right: 6px; border: 1px solid #999999; /*Set the position of the background image*/ background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; } .bvmod1, .bvmod2, .bvmod3, .bvmod4,.bvmod5 { /* IE5 ♥♥♥ */ \margin: 0px 0px -3px 0px; \margin: 0px 0px 0px 0px; } .bvmod1 { background-color: #EEF; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/note.png); } .bvmod2 { background-color: #FFC; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/important.png); } .bvmod3 { background-color: #FDD; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/warning.png); } .bvmod4 { background-color: #E4F6F8; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/tip.png); } .bvmod5 { background-position: 10px center; background-color: #D8F3C9; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/help.png);} .bvdown { background:url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/gicnL.png) top left no-repeat; padding-top: 30px; padding-left: 70px; color:blue !important; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size:14px; height:92px; text-align:left !important; } .bvdown a { text-decoration:underline !important; } div .bvdown { margin:auto; width:70%; }

.messagead {
background: #C8E2B7 url(http://cdn2.iconfinder.com/data/icons/basicset/warning_48.png) no-repeat 6px 10px;
border: 1px solid green;
color: #000;
font-size: 13px;
line-height: 18px;
margin-top: 15px;
text-shadow: #ffc1c1 0 1px 0;
height: 48px;
padding: 10px 10px 10px 55px;
border-radius: 3px;
text-align:center;
}

.messagead strong{top: 15px;
  position: relative;}

/* Perfectos Avatar*/
.user-basic-info a img {
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.1) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),0 0 40px rgba(0, 0, 0, 0.1) inset;
background: white;
border: 1px solid white;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),0 0 40px rgba(0, 0, 0, 0.1) inset;
height: 130px!important;
margin-bottom: 10px;
padding: 10px 9px;
width: 130px!important;
}

.user-basic-info a img:hover {
background-color: #D6EBFC;
border-color: #7CAFDA;
cursor: pointer;
text-decoration: none;
}
/* Perfectos Avatar*/

/*Perfil*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}


/*Tabs*/
.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
#tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}

/*punvisit*/
#pun-visit{
  display:none
}

/*teste*/
.username{
  background-color:#bfbfb;
  border:1px solid #B9C4CD;
  padding:3px 10px 3px 10px;
  font-size:12px;
  margin-bottom:2px;
  text-align:left;
  widht: 50px;
  text-align:center;
  border-radius:5px;
  margin-left:45px;
}

/*aviso quick reply*/
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

/*online image*/
.online_image{
  margin-bottom:-24px;
}

/*sign of the week*/
#sotw {
  font-size:12px;
  text-align:center;
}

#sotw h1{
  font-size:12px;
  text-align:center;
  padding:1px 50px 5px 80px;
  display:inline;
  font-weight:normal;
}

#sign {
  margin-top:20px;
  margin-bottom:20px;
}

/*box sub-fórum*/
.ipbfs_titlebox .desc{ padding: 3px 0; }

.ipbfs_titlebox{
   background: #efefef;
   border: 1px solid #cccccc;
   text-shadow: #fff 0px 1px 0px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
   -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
   box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
   padding: 10px;
   overflow: hidden;
}

/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #DDD;
}

/*post*/
.post {
  background: #f2f2f2;
}

.pun .postmain {
background-color: #f7f7f7;
border-left: 3px double #DDD;
border-right: 1px solid #DDD;
margin-left: 17em;
}
.pun .postmain {
background-color: #f7f7f7;
border-left: 1px solid #DDD;
margin-left: 17em;
}

Obrigado desde já!

---

Fórum: http://high-tech.livreforum.com (punBB)

Buenas!

Aqui o fórum está sem nenhum bug. Me passe todos os códigos que está a utilizar do rodapé.

Passar bem!

Olá!

Procure por estes valores em sua folha de estilos CSS:

Basta substituir o local em vermelho até que o rodapé esteja de acordo a página do seu fórum.

Até mais.

css:

Código:


.module {
  text-shadow: 1px 1px 0 white;
  background: #f5f5f5;
  -moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
  -webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
  box-shadow: 0px 0px 7px 0px #ababab;
  border: 1px solid white;}

.module .main-head{
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #333 !important;
  background: #EAEAEA;
  border-bottom: 1px solid white;} 
 
.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4{
  color: #333 !important;} 
 
 .module .main-content{
  background: #f5f5f5;
  border-top: 1px solid #D9D9D9;}

.portal .module.mod_news{
  margin: 0 !important;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 0;}

.portal .module {
  margin: 10px !important;}


#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: left;
  margin-left: 25px; 
  margin-right: 25px;}

Fonte do artigo: http://firstcheats.forumais.com/t1034-hot-final-rodape-para-seu-forum#ixzz2BwW86HxN
Link original: firstcheats.forumais.com

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"/> Encontre-nos em: </h1>
   
    <li>
      <a href="#" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/facebo10.png" alt="Facebook"/>
      Encontre-nos no Facebook </a>
    </li>
   
    <li>
      <a href="#" target="_blank"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/twitte10.png" alt="Twitter"/>
      Siga-nos no Twitter </a>
    </li>
   
    <li>
      <a href="/rss"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/rss11.png" alt="RSS"/>
      RSS Feed </a>
    </li>
   
    <li>
      <a href="/sitemap.xml"> <img src="http://i36.servimg.com/u/f36/11/96/49/61/portal10.png" alt="Sitemap"/>
      Sitemap </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"/> Conectar-se </h1>
     
      <form action="/login" method="post" autocomplete="off"><fieldset class="frm-set login"><dl> <dd><input type="text" placeholder="Nome do usuario" 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="Senha" 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">Recuperar senha</a></dd></dl><dl><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"/> Lembre-me </label></dd></dl><dl><dd class="login"><input type="submit" name="login" tabindex="6" value="Entrar" 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 do usuario </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ópico(s) sendo observado </a>
<br />
<a href="/search?search_id=egosearch" target="_blank">  Tópicos respondidos </a>
<br />
  <a href="/search?search_id=newposts" target="_blank"> Novos tópicos <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"/> Fórum Links </h1>
     
    <li>
      <a href="f2-regras"> Regras </a>
  </li>

    <li>
      <a href="f1-anuncios"> Anúncios </a>
  </li>
   
    <li>
      <a href="/forum?mode=delete_cookies"> Excluir os cookies </a>
  </li>
   
    <li>
      <a href="/faq"> Ajuda </a>
  </li>
   
    <li>
      <a href="/memberlist?mode=overall_posters"> Top Usuários </a>
  </li>
   
    <li>
      <a href="/contact"> Contato </a>
  </li>
   
    </ul>
   
    </div>
     
    <div id="other">
     
      <h1> <img src="http://i36.servimg.com/u/f36/11/96/49/61/star_o10.png"/> Videos do fórum</h1>
     
    <iframe width="180" height="150" src="http://www.youtube.com/embed/jGGWZJe8Vbw" frameborder="0" allowfullscreen></iframe>
     
    </div>
   
   
     
      <h1> <img src="http://cdn4.iconfinder.com/data/icons/eleganticons/images/Questions.png"/> Creditos</h1>
   
    <center>Rodapé Elaborado por:<a href="http://firstcheats.forumais.com/u1"> Haizen </a></center>
      Copyright - 2012 © Todos os direitos reservados ao fórum central !

    <img src="http://i.imgur.com/gbWVG.png"/>
   
   
  </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 -->

Fonte do artigo: http://firstcheats.forumais.com/t1034-hot-final-rodape-para-seu-forum#ixzz2BwWGMpiu
Link original: firstcheats.forumais.com

Não funcionou. Não está mudando nada no meu fórum.

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#pun-foot { width: 80%; }

Valide.

Melhores cumprimentos,
Today

Nada ainda

Boa noite,

Aceda à teu CSS com o código abaixo:

Código:

#footer{width: 200px !important;min-width: 900px;color: white;height: 280px;background: #0c0d0durl(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}

Abraços.

Olá galera, não funcionou olhem:




Queria que a parte preta ficasse em todo o final do fórum.

ola, conssegui um outro código e funcionou, agora queria tirar aquele branco no fim da pagina, queria que em todas as resoluções essa imagem desapareçesse.

Queria que terminasse com o fundo preto mesmo.
Obrigado

Olá,

Entrei em seu fórum e não observei este espaço em branco.

Podemos ajudar em mais algo?
Atenciosamente.

Aplique a folha de estilo CSS:

Código:

html {
    background: url(http://i.imgur.com/opMxd.jpg);
}

Obrigado galera funcionou, pode fechar o tópico.