Qual é minha questão:
Bem eu queria saber como faço pra aumentar essa area do meu forum:


Como podem ver a imagem do Rank nao aparece completamente e eu queria aumentar o tamanho por esse motivo.Eu ja tentei fazer alguns tutoriais porem nenhum funcionou entao resolvi vim aqui.
nao sei se é um problema na folha de estilo css ou viewtopic_body , entao vou colocar os dois.

Código:

#pun-logo {
margin: 0 0 2px 0;
padding-left: 0px;
float: left;
  height: 155px;
width: 600px;
  overflow: hidden;
  display: block;
}




body {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/bg.png) repeat-x;
color: #2C2C2C;
font: normal 12px/1.5 Arial, sans-serif;
margin: 0;
padding: 0;
}








#header {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/header_bg.png) no-repeat;
position: relative;
  padding-bottom: 150px;
margin-top: 0px;
}




p#pun-desc {
visibility: hidden;
}




#pun-title h1 {
background: transparent;
visibility: hidden;
}
#pun-title {
background: transparent;
visibility: hidden;
}
#pun-intro {
  border: none;
background: transparent;
}




.pun {
width: 85%;
margin: 0 auto;
padding: 0 10px;
min-width: 768px;
  max-width: 1200px;
}
.menu {
list-style: none;
padding: 0;
margin: 12px auto;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_bg.png) no-repeat;
float: left;
}
.menu a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 -86px;
  text-decoration: none;
}
.menu li:hover {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center -30px;
  text-decoration: none;
}
.menu li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}








.menu1 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu1 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 -40px;
}




.menu1 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}
.menu2 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu2 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 5px;
}




.menu2 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}
.menu3 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu3 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 -130px;
}




.menu3 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}




#pun-visit {
background: #EEE url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight.png) repeat-x 0 0;
border: 1px solid #D8D8D8;
font-size: 11px;
font-weight: 700;
padding: 8px;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  margin: 0 auto;
}
.main-box{
background: #EEE url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight.png) repeat-x 0 0;
border: 1px solid #D8D8D8;
font-size: 11px;
font-weight: 700;
padding: 8px;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  }
#pun-visit ul, .main-box ul {
float: none;
  width: 80%;
}
.pun a:visited {
color: #86B412;
  text-decoration: none!Important;
}
.pun a:visited:hover {
  color: #608404;
  text-decoration: none!Important;
  }
.pun a:link {
color: #86B412;
  text-decoration: none!Important;
}
.pun a:link:hover {
color: #608404;
  text-decoration: none!Important;
}




.main .main-head {
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
height: 23px;
  margin-top: 15px;
}




.pun table.table th {
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
}




.pun .paged-foot, .pun .paged-head {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 10px 0;
}




#foruswrap {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 20px 0 10px 0;
}




#foruswrap1 {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 90px 0 10px 0;
}
.pun-crumbs {
background: #E7E7E7 url(http://img76.xooimage.com/files/a/0/0/secondary_nav_bg-3644e4e.png) repeat-x 0 0;
border-bottom: 1px solid #D1D0D0;
border-top: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
  margin-top: 90px;
}
.pun-crumbs a {
background: url(http://img76.xooimage.com/files/2/0/1/secondary_nav-3644c51.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
    color: #757575!Important;
}




.pun-crumbs a:hover {
  color: #121212!Important;
  }
.pun-crumbs p {
font-size: 0;
line-height: 30px;
margin: 0;
}




#search {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/search_bg.png);
background-repeat: no-repeat;
margin: -3px 5px 0 0;
width: 219px;
padding-left: 10px;
height: 30px;
float: right;
}
span, p, form {
margin: 0;
padding: 0;
}
#search input.search_input {
background: none!Important;
border: none!Important;
outline: none;
margin: 0;
width: 160px;
  padding: 5px 0;
color: white;
}




ul#pun-legend, ul.pun-legend {
list-style-type: none;
margin-bottom: 20px;
text-align: left;
}




.roundframe
{
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 10px 0;
}
.roundframe dl, .roundframe dt, .roundframe p
{
   margin: 0;
}
.roundframe p
{
   padding: 2px;
  font-size: 11px;
}
div.roundframe div.cat_bar
{
   margin-bottom: 0;
  color:#EEE;
  font-size: 14px;
}
div.roundframe div.cat_bar h3.catbg
{
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
  height: 20px;
  font-weight: bold;
}
div.title_barIC
{
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
   margin-bottom: 3px;
  margin-top: 5px;
  line-height: 40px;
}
div.title_barIC h4.titlebg
{
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
height: 25px;
line-height: 32px;
font-size: 1.1em;
  font-weight: bold;
  margin-top: -5px;
}
#upshrinkHeaderIC p.pminfo
{
   margin: 0;
   padding: 0.5em;
}




#upshrinkHeaderIC a
{
color: #86B412;
}
img#upshrink_ic, img#newsupshrink
{
   float: right;
   margin: 0px auto;
}




#footer-wrap {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/header_bg.png) no-repeat right 0;
width: 85%;
margin: 0 auto;
  height: 100px;
}
#footer {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/bg.png) repeat-x 0 0;
color: #949494;
  margin-top: -70px;
  line-height: 25px;
}




#footer .smf_copyright { float: left;}
#footer .ds_copyright { float: right; text-align: right;}
#footer p { color: #949494;
font-size: 11px;
}
#footer, #footer a { color: #86B412; font-size: 11px;
font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif; text-decoration: none;}
#footer a:hover { text-decoration: none; color: #608404;}




.main .main-foot {
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
}




.pun table.table td {
background-color: #F0F0F0;
border: none;
border-style: none;
  font-size: 11px;
}




.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F0F0F0;
}




.hierarchy {
font-size: 13px!Important;
}




h2.topic-title {
font-weight: normal!Important;
}




#stats {
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px
}
#tabs {
margin-top: 90px;
}
#pun-about {
visibility: hidden;
margin: 0 auto;
}




#user_navigation {
font-size: 12px;
height: 36px;
line-height: 36px;
list-style-type: none;
margin-top: 0px;
overflow: hidden;
position: absolute;
left: auto;
top: 228px;
width: 500px;
}
#user_navigation a {
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
    text-decoration: none;
  text-shadow: 0 1px 0 white;
}
#user_navigation a:hover {
  display:block;
  color: white;
    text-decoration: none;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px; 
  background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 0;
  text-shadow: 0 1px 0 #3E5506;
  }
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}




#logueado {
    display: block;
  position: relative;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px; 
  margin-right: -200px;
margin-top: -120px;
font-size: 11px;
float: right;
font-weight: 400px;
color: #686868!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 white;
padding-left: 40px;
background: #f0f0f0 url(http://cdn1.iconfinder.com/data/icons/professional-toolbar-icons-png/32/Login.png) no-repeat 0 8px;
}
#registerbutton {
   position: relative;
  list-style-type: none;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px; 
display: block;
  margin-left: -200px;
margin-top: -120px;
font-size: 11px;
float: left;
font-weight: 400px;
color: #686868!Important;
height: 35px;
line-height: 42px;
  padding: 0 30px;
text-shadow: 0 1px 0 white;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/register_bg.png) no-repeat 0 8px;
}




#profile-advanced-details dl {
background: transparent;
  display: block;
padding: 10px 8px;
outline: 0;
color: #8D8D8D;
  text-shadow: 0px 1px 1px #F0F0F0;
}




#profile-advanced-right {
margin-top: 140px;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0;
margin-bottom: auto;
  margin-top: auto;
}
#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: #4E4E4E;
font-weight: 700;
  }
#tabs ul li.activetab a:hover {
  background-color: transparent;
  color: black;
  }
#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: 13px;
text-decoration: none;
text-shadow: 1px 1px 1px white!important;
  margin-top: 0;
  margin-bottom: 15px;
}




#tabs ul li a {
  background-color: transparent;
background-image: url(http://i.imgur.com/fely2.png);
border: none;
display: block;
font-weight: 700;
height: 34px;
padding: 0 0 0 17px;
padding: 2px 1em;
}
#tabs ul li a:hover {
background-color: transparent;
  }
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
}
#profile-advanced-layout #new-message-link {
bottom: -64px;
}
#profile-advanced-details .main-content {
background: white;
    border: 1px solid gainsboro;
}
#profile-advanced-details .stats-field {
  border: 1px solid gainsboro;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed legend {
background: #E9E9E9;
border: 1px solid #DDD;
border-radius: 2px;
padding: 1px 10px;
  font-weight: 700;
}
#profile-advanced-details .stats-field li {
background: #F8F8F8;
  border-bottom: 1px solid #DDD;
}




.title-overview {
background-color: #F0F6FB;
padding: 5px 5px 0 0;
  margin-top: -90px;
}




.center-overview {
padding: .5em;
background: #F0F6FB;
}




.overview {
background: #F0F6FB;
  background: none!Important;
  border: none!Important;
}




#profile-advanced-add {
margin-bottom: -10px;
margin-top: 10px;
padding: 7px 0 6px;
  text-align: center;
}




/*-------------------Guia BB Code Icon-------------------*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited { background: url(http://cdn1.iconfinder.com/data/icons/famfamfam_mini_icons/icon_info.gif) !important; background-position: left center; background-repeat: no-repeat !important; padding: 2px 0 2px 20px; color: white; }
/*-------------------Final Guia BB Code Icon-------------------*/




/*-------------------BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
.pun .frm .frm-buttons input {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 31px;
min-width: 54px;
padding: 0 8px;
text-align: center;
vertical-align: middle;
  }
.pun .frm .frm-buttons input:hover {
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
/*-------------------Final BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
#quick_reply .frm-buttons {
text-align: center;
}
button, input, select, textarea {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
border-radius: 2px;
color: #666;
min-width: 20px;
vertical-align: middle;
  background: #F3F3F3!Important;
border: 1px solid #666!Important;
  line-height: 20px;
  }
button, input, select, textarea:hover {
outline: 0;
color: #333;
    }
/*-------------------Iconos de respuesta rapida-------------------*/
button.button2, input.button2 {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 12px;
min-width: 25px;
padding: 5px 10px;
text-align: center;
vertical-align: middle;  
}
button.button2, input.button2:hover {
  -moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
/*-------------------Final Iconos de respuesta rapida-------------------*/




.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 13px;
line-height: 30px;
padding: .1em .5em .5em 0;
text-shadow: 1px 1px 0 white;
}




.postfoot {
  background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 10px 10px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}
.pun .postmain {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}




.pun .main-content {
 background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: none;
}




.pun .post {
 background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 0;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}




.pun .sig-content {
  background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-top: 1px solid #D5D5D5;
}




/* Code,Spoiler,Quote*/
.codebox {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.0em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
}




.codebox dt {
background: url(http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png) .1em .1em no-repeat;
background-position: right;
border-bottom: 3px double #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.2em!important;
font-weight: 700!important;
margin-bottom: 5px;
margin-top: -5px;
padding: 8px!important;
position: relative;
text-align: left;
text-shadow: 1px 1px 1px white;
}




.postmain blockquote, blockquote {
background: #FCFCFC url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/snapback.png) .1em .1em no-repeat;
border: 1px solid #E3E3E3;
border-top: 0;
box-shadow: 0 2px 10px #D6D6D6;
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin: .1em 0 .3em;
overflow: auto;
padding: 1.1em 1.4em;
text-shadow: 1px 1px white;
}




.codebox dd.cont_code, .codebox.spoiler dd {
text-shadow: 0px 1px 1px white;
color: #5C5C5C;
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
padding: 10px;
}
/* Final Code,Spoiler,Quote*/




.faq dd {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
border: 1px solid #344457;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
color: white;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 700;
height: auto;
line-height: 15px;
min-width: 125px;
padding: 8px 10px;
text-align: center;
text-shadow: 0 1px 0 #3E5506;
}




.pun .frm-form {
background: #F0F0F0;
border: none;
}




.main .main-content.frm {
background-color: #F0F0F0;
}




.pun .paging {
float: left;
font-size: 1.1em;
font-weight: 700;
}




.paging a, .paging input {
background: #E5E5E5 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight_strong.png') repeat-x 0 0;
border: 1px solid #D6D6D6;
color: #747474!Important;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
display: inline-block;
padding: 7px 8px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal;
  }




.paging a:hover {
background-color: #EFEFEF;
color: black;
text-shadow: 0 1px 0 white;
}




.pun .paging b {
background: #9ACB1E url(http://www.audentio.com/demo/mybb16/images/glowing/pag_act.png) repeat-x 0 bottom;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 1px 0px;
padding: 5px 8px;
cursor: default;
  }




div.post-options img {
opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}




div.post-options img:hover {
opacity: 1;
}




.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}




.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}




.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}




.tipsy{padding:5px;font-size:11px;position:absolute;text-shadow:none;z-index:999}.tipsy-inner{padding:8px 8px 8px 8px;background-color:black;color:white;max-width:200px;text-align:center;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);background:black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;background:url('http://cuul.tk/img/tipsy.gif') no-repeat top left;width:9px;height:5px}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px}.tipsy-nw .tipsy-arrow{top:0;left:10px}.tipsy-ne .tipsy-arrow{top:0;right:10px}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left}.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left}.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right}.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px}
/* foto inicio */
.mini_ava img {
border: 1px solid black;
float: left;
height: 40px;
margin-right: 10px;
margin-top: 10px;
width: 40px;
}
.mini_ava { float: left; }
/* girar foto */
    div.user-basic-info img{
        margin: 3px;
        border: 5px solid #eee;
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
     
    div.user-basic-info img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }
/* cor nome usuario */
a[href="/u1"] {
text-shadow: 0px 0px 5px #7CFC00;
}
a[href="/u9"] {
text-shadow: 0px 0px 5px #FF00D0;
}
/* cetralizar perfil */
.pun .post .user {
text-align: center;
}


Código:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>




<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->




<div class="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
   </p>
</div>




<div class="main paged">
   <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->




         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>
   {POLL_DISPLAY}
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>




   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>




               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>




                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->




                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->




                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->




                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->




                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />




                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->




                                       <!-- BEGIN switch_no_dl_att -->
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_no_dl_att -->
                                    </dt>




                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->




                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->




                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>




               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->




               <div class="postfoot">
                  <div class="user-contact">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>




   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />




         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />




         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>




   <a name="bottomtitle"></a>




   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->




         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>




</div>




<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>




<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->




<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->




<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->




<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>




<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->




<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Endereço do meu fórum:
http://epiccheatszone.forumeiros.com

Versão do fórum:
PUNBB

Olá!

Utilize esse código CSS:

Código:

.post .postmain{margin-left:20em}.post .postmain .postbody .user{margin-left:-19em;width:18em}.post .postmain .postfoot{margin-left:-20em}

Até mais.

entao cara esse codigo funcionou mt bem obg , aproveitando esse topico queria saber se voce consegue resolver o seguinte problema, esse forum aqui esta usando o mesmo tema que o meu , http://hightechbr.forumeiros.com/forum
porem o menu de navegaçao dele esta diferente do meu... vc sabe pq ?? se é um erro na css do meu forum ?? obg desde ja.

Olá!

As imagens ao lado de cada botão devem ser adicionadas pelo Painel de controle.

Utilize esse código CSS:

Código:

#pun-intro{padding-bottom:0px;padding-top:11px}#pun-head #pun-navlinks{background-color:transparent}#pun-navlinks{padding-top:0px!important;padding-bottom:25px!important;padding-left:0px!important;background:url(http://www.audentio.com/demo/mybb16/images/glowing/menu_bg.png) no-repeat top left;background-size:auto 48px;}#pun-navlinks a{color:rgb(255,255,255);cursor:auto;display:block;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;height:48px;line-height:48px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-shadow:rgb(62,85,6) 0px 1px 0px;}#pun-navlinks li{color:rgb(44,44,44);display:block;float:left;font-family:Arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;height:48px;line-height:15px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:25px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:left;}#pun-navlinks ul li:hover{background:url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) top left no-repeat;background-size:100% 100%}

Até mais.

nao deu certo o menu esta na vertical e nao na horizontal

xdownloadsx escreveu:nao deu certo o menu esta na vertical e nao na horizontal

Acabei de acessar o seu fórum e o menu está correto na horizontal.

Veja a imagem:
https://i.imgur.com/mxUtN.png

Qual seu navegador?

Até mais.

estou usando o google Chrome

olha como esta aqui http://imm.io/P82a

Olá!

Acabei de verificar o CSS no seu fórum ele está pela metade, peço que coloque ele novamente.

Até mais.

entao.. quando eu nao estou logado fica tudo certo porem quando me logo ele fica assim olha, http://imm.io/P87v , a parte "Sair [shadow]" vai parar embaixo da parte "inicio"

Olá!

Substitua por esse código CSS:

Código:

#pun-intro{padding-bottom:0px;padding-top:11px}#pun-head #pun-navlinks{background-color:transparent;padding-top:0px!important;padding-bottom:73px!important;padding-left:0px!important;background:url(http://www.audentio.com/demo/mybb16/images/glowing/menu_bg.png) no-repeat top left;background-size:auto 48px;}#pun-head #pun-navlinks ul{position:absolute}#pun-navlinks a{color:rgb(255,255,255);cursor:auto;display:block;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;height:48px;line-height:48px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-shadow:rgb(62,85,6) 0px 1px 0px;}#pun-navlinks li{color:rgb(44,44,44);display:block;float:left;font-family:Arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;height:48px;line-height:15px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:25px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:left;}#pun-navlinks ul li:hover{background:url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) top left no-repeat;background-size:100% 100%}

Até mais.

ainda nao resultou

eu mudei meu login para um nome com 3 letras e ficou certo , mas qndo é 4 pra cima ele fica errado

xdownloadsx escreveu:eu mudei meu login para um nome com 3 letras e ficou certo , mas qndo é 4 pra cima ele fica errado

Poderia especificar o que seria "errado"?
Ele fica para baixo dos outros botões ou fica escondido do lado direito da tela?

Até mais.

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.pun .user-ident .user-basic-info {padding: 5px!important;}

e Valide!

Até mais.

Olá!

Substitua por esse código:

Código:

#pun-intro{padding-bottom:0px;padding-top:11px}#pun-head #pun-navlinks{background-color:transparent;padding-top:0px!important;padding-bottom:73px!important;padding-left:0px!important;background:url(http://www.audentio.com/demo/mybb16/images/glowing/menu_bg.png) no-repeat top left;background-size:auto 48px;}#pun-head #pun-navlinks ul{position:absolute}#pun-navlinks a{color:rgb(255,255,255);cursor:auto;display:block;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;height:48px;line-height:48px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-shadow:rgb(62,85,6) 0px 1px 0px;}#pun-navlinks li{color:rgb(44,44,44);display:block;float:left;font-family:Arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;height:48px;line-height:15px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:20px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:left;}#pun-navlinks ul li:hover{background:url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) top left no-repeat;background-size:100% 100%}

Até mais.

Olá amigo , tente este .

.postbody{width:67%}.postprofile{width:28%}

Se ficar muito grande, mude as proporções.

muito obrigado a todos que me ajudaram ja resolvi meu problema.
pode fechar.