Arranjar Viewtopic_body

Relembrando a primeira mensagem :

Vejam o meu viewtopic_body:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Eu queria assim:
http://master-publicitario.forumeiros.com/t649-mega-publicidade

Eu peguei no do Master Publicitário e coloquei no tema que estou a adaptar só que fica meio bugado vejam como podem ver:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Seria possível me arranjarem?

Olá,

Está quase como disse mas veja a parte dos ícones:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Está em cima do campo de perfil e os ícones de Citar,Editar estão fora.

Troque o meu código por este:

Código:


.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {width: 96.4%;border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;}.postfoot {width:96.4%!important;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}



Já ficou melhor mas veja na parte das informações do usuários está para a esquerda dá para colocar centrado? E também os icones citar, editar continuam fora da caixa logo em baixo:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Adicione esse CSS:

Código:


.pun .user-ident .user-basic-info {
margin-left: 29px;
}.post-options.profile_left {
margin-top: 0!important;
}h4.username {
margin-left: 20px;
}


Bem em vez estar aqui dúvida a dúvida aqui fica uma print já de tudo veja:


As setas pretas, são para esticar e colocar junto à barra de cima onde está o quadrado vermelho ou seja colocar alinhado com tudo.

As setas laranjas, como pode ver aquelas linhas que separam não chegam a fechar no fim, se for possível queria fechar.

As setas e risco cinza, queria era que o risco que divide os ícones fica-se duma ponta a outra, e os ícones debaixo das informações do perfil mas dentro dessa divisão, algo como esta aqui:
http://master-publicitario.forumeiros.com/t649-mega-publicidade

Apague esse código que foi passado por mim:

Código:


.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {width: 96.4%;border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;}.postfoot {width:96.4%!important;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}



E troque por este:

Código:


.main-head.clearfix {
width: 95%!important;
margin-left: 20px;
}.pun .post{width:100%;}.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;}.postfoot {position:relative;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}



Já deu outro visual, mas você está a encolher a barra preta eu queria era antes deixar no tamanho que estava e aumentar o corpo das mensagens, e a parte dos ícones está por cima das informações do perfil:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Procure por esste código:

Código:


.main-head.clearfix {
margin-left: 20px;
width: 95%!important;
}


Delete e adicione esse em sua folha CSS:

Código:


.pun .post {
margin-left: -20px;
width: 104%!important;
}


Não ficou lá muito bem veja:
http://kodactheme.criaforum.com/t5-sdadsadsadsasda

Me forneça sua CSS completa por favor.

Aqui está:

Código:

 /*perfil com capa by DeeW. v1.0*/
    .img-avatar img {
    width: 150px;
    height: 150px;
    }
    span.img-avatar {
    float: right;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px;
    }
    #profile-advanced-right {
    display: none;
    width: 0!important;
    margin: 10px;
    float: none!important;
    }
    #profile-advanced-left {
    margin-right: 0!important;
    margin: 0 auto;
    }

    #profile-advanced-layout #tabs {
    bottom: 50px;
    position: absolute;
    }
    #tabs ul li.activetab a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li.activetab a:hover {
    background-color: #000000;
    }
    .capa-perfil {
    background-color: #fff;
    width: 100%;
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 10px;
    box-shadow: inset 0 -60px 50px rgba(0, 0, 0, 0.5);
    }
    #profile-advanced-add {
    padding: 10px;
    text-align: right;
    background: #f0f0f0;
    margin: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    }
    .subtitle {
    text-align: center;
    text-transform: uppercase;
    }
    #profile-advanced-layout .main-content {
    background: #fff!important;
    padding: 10px;
    }
    #tabs ul li a:hover {
    background-color: #000000;
    }




#main {
margin-top: 20px!important;
}

.pun .post {
margin-left: -20px;
width: 104%!important;
}
.pun .post{width:100%;}.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;}.postfoot {position:relative;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}

#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1399px;
width: 230px!important;
}

.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}
.cat_bar {
margin-bottom: -12px;
}
#onlinelist {
border-top: none!important;
}

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

a.chat-title {color: white!important;}
#chatbox_header.main-head {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #454545;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
background-color: #FCFCFF;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#simple-wrap {
background:white;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
#chatbox_footer {
border-top: none!important; 
}
html { background: white !important; }
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
border: 1px solid #585858!important;
border-radius: 2px !important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
color: #fff !important;
font-family: tahoma,helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal;
font-variant: normal !important;
font-weight: normal;
padding: 2px 5px !important;
text-shadow: #474747 0 -1px 0 !important;
position: relative !important;
top: -2px !important;
}
input#submit_button {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
border: 1px solid #585858!important;
border-radius: 2px!important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
color: #fff!important;
font-family: tahoma,helvetica,arial,sans-serif!important;
font-size: 13px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 400!important;
padding: 2px 5px!important;
position: relative!important;
text-shadow: #474747 0 -1px 0!important;
top: -2px!important;
}
#chatbox span[style="font-style:italic"]:after {
content: " Clique em login para entrar!";
}
#chatbox span[style="font-style:italic"] {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
border: 1px solid #E599AA;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
color: #80001C;
display: block;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
padding: 10px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
}
#divbold:after { content: 'Bold'; }
#divstrike:after { content: 'Strike'; }
#divunderline:after { content: 'Underline'; }
#divitalic:after { content: 'Italic'; }
#divcolor:after { content: 'Color'; }
#divsmilies:after { content: 'Smileys'; }
#chatbox_messenger_form div.right img { display: none; }
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6!important;
border-color: #d6d6d6!important;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 9px!important;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
#chatbox_members {
right: 10px!important;
}

#pun-about #qjump label {
font-weight: 700;
display: none;
}

#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}

#footer {padding: 85px 0 20px!important;border-top: 4px solid #7AB6A3;color: #727272;text-align: center;position: relative;background: #303030;}#footer .backtop {position: absolute;left: 50%;top: 25px !important;background: url(http://i.imgur.com/KyM4pyT.png) no-repeat;display: block;width: 30px;height: 30px;}.tf_main {margin-top: -30px !important;}

    .pun .main-content, #profile-advanced-details .main-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 9px;
    border-radius: 0px;
    }
    .main > .main-content {
    margin-bottom: 0px;
    }.pun .post {
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }
    .pun .post {
    background: rgb(253, 254, 255);
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 10px;
    }.pun .postmain {
    padding-right: 0px;
    }
    .pun .postmain {
    background-color: rgb(253, 254, 255);
    border-left: 1px solid rgb(203, 218, 234);
    margin-left: 17em;
    }
    .pun .postmain {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-left: 1px solid rgb(223, 231, 240);
    height: 100%;
    margin: 0px 0px 0px 175px;
    padding-right: 10px;
    }.pun .postmain .posthead {
    margin-right: 0px;
    }
    .pun .posthead {
    background-color: rgb(244, 250, 255);
    border-bottom: 1px solid rgb(203, 218, 234);
    padding: 0.5em 1.3em 0.5em 1em;
    }
    .pun .posthead {
    background: none 0% 0% repeat scroll transparent;
    border-bottom: 0px none;
    color: rgb(164, 164, 164);
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
    font-size: 12px;
    }.pun .postbody {
    width: 100%;
    }.pun .post .user {
    font-size: 12px;
    margin-bottom: 7px;
    margin-left: -220px;
    min-height: 350px;
    padding: 7px;
    margin-top: -30px;
    width: 16em;
    text-align: center;
    }.postfoot {
    background: rgb(244, 250, 255);
    border-top: 1px solid rgb(203, 218, 234);
    clear: both;
    margin-left: -17em;
    padding: 0.5em 1em;
    text-align: right;
    }
    .postfoot {
    border-bottom: 0px;
    border-top: 0px;
    clear: both;
    margin-left: -14em;
    padding: 0.5em 1em;
    text-align: right;
    }.main .main-foot {
    background-image: none;
    border-radius: 0px 0px 4px 4px;
    }

#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
.user {position: relative !important;left: 2pc !important;top: 35px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !important;top: -5px !important;}

.admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
.rank {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: "Roboto Condensed",Tahoma,Helvetica;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px 20px;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}
.pun .user .user-info {
text-align: center!important;
}
.pun .user .user-info {
border: none!important;
}

div#container {
margin-top: 15px;
}#content-container div#right {
margin-top: 33px;
}

.pun .user-ident .user-basic-info {
margin-left: 29px;
}.post-options.profile_left {
margin-top: 0!important;
}h4.username {
margin-left: 20px;
}

#logo {
margin-top: 35px!important;
}

Nossa, sou sincero em dizer que fiquei perdido agora... O que deseja agora?
Vamos sanar esta dúvida já!

Até mais.

Veja aqui amigo o que quero:
https://ajuda.forumeiros.com/t95020p20-arranjar-viewtopic_body#647675

Se conseguir isso fica perfeito, ou seja eu quero igual a este:
http://master-publicitario.forumeiros.com/t649-mega-publicidade

Mais nada!

Me forneça seu CSS completo por favor.

Aqui está:

Código:

/*perfil com capa by DeeW. v1.0*/
    .img-avatar img {
    width: 150px;
    height: 150px;
    }
    span.img-avatar {
    float: right;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px;
    }
    #profile-advanced-right {
    display: none;
    width: 0!important;
    margin: 10px;
    float: none!important;
    }
    #profile-advanced-left {
    margin-right: 0!important;
    margin: 0 auto;
    }

    #profile-advanced-layout #tabs {
    bottom: 50px;
    position: absolute;
    }
    #tabs ul li.activetab a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li.activetab a:hover {
    background-color: #000000;
    }
    .capa-perfil {
    background-color: #fff;
    width: 100%;
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 10px;
    box-shadow: inset 0 -60px 50px rgba(0, 0, 0, 0.5);
    }
    #profile-advanced-add {
    padding: 10px;
    text-align: right;
    background: #f0f0f0;
    margin: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    }
    .subtitle {
    text-align: center;
    text-transform: uppercase;
    }
    #profile-advanced-layout .main-content {
    background: #fff!important;
    padding: 10px;
    }
    #tabs ul li a:hover {
    background-color: #000000;
    }




#main {
margin-top: 20px!important;
}

.pun .post {
margin-left: -20px;
width: 104%!important;
}
.pun .post{width:100%;}.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;}.postfoot {position:relative;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}

#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1399px;
width: 230px!important;
}

.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}
.cat_bar {
margin-bottom: -12px;
}
#onlinelist {
border-top: none!important;
}

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

a.chat-title {color: white!important;}
#chatbox_header.main-head {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #454545;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
background-color: #FCFCFF;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#simple-wrap {
background:white;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
#chatbox_footer {
border-top: none!important; 
}
html { background: white !important; }
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
border: 1px solid #585858!important;
border-radius: 2px !important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
color: #fff !important;
font-family: tahoma,helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal;
font-variant: normal !important;
font-weight: normal;
padding: 2px 5px !important;
text-shadow: #474747 0 -1px 0 !important;
position: relative !important;
top: -2px !important;
}
input#submit_button {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
border: 1px solid #585858!important;
border-radius: 2px!important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
color: #fff!important;
font-family: tahoma,helvetica,arial,sans-serif!important;
font-size: 13px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 400!important;
padding: 2px 5px!important;
position: relative!important;
text-shadow: #474747 0 -1px 0!important;
top: -2px!important;
}
#chatbox span[style="font-style:italic"]:after {
content: " Clique em login para entrar!";
}
#chatbox span[style="font-style:italic"] {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
border: 1px solid #E599AA;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
color: #80001C;
display: block;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
padding: 10px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
}
#divbold:after { content: 'Bold'; }
#divstrike:after { content: 'Strike'; }
#divunderline:after { content: 'Underline'; }
#divitalic:after { content: 'Italic'; }
#divcolor:after { content: 'Color'; }
#divsmilies:after { content: 'Smileys'; }
#chatbox_messenger_form div.right img { display: none; }
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6!important;
border-color: #d6d6d6!important;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 9px!important;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
#chatbox_members {
right: 10px!important;
}

#pun-about #qjump label {
font-weight: 700;
display: none;
}

#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}

#footer {padding: 85px 0 20px!important;border-top: 4px solid #7AB6A3;color: #727272;text-align: center;position: relative;background: #303030;}#footer .backtop {position: absolute;left: 50%;top: 25px !important;background: url(http://i.imgur.com/KyM4pyT.png) no-repeat;display: block;width: 30px;height: 30px;}.tf_main {margin-top: -30px !important;}

    .pun .main-content, #profile-advanced-details .main-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 9px;
    border-radius: 0px;
    }
    .main > .main-content {
    margin-bottom: 0px;
    }.pun .post {
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }
    .pun .post {
    background: rgb(253, 254, 255);
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 10px;
    }.pun .postmain {
    padding-right: 0px;
    }
    .pun .postmain {
    background-color: rgb(253, 254, 255);
    border-left: 1px solid rgb(203, 218, 234);
    margin-left: 17em;
    }
    .pun .postmain {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-left: 1px solid rgb(223, 231, 240);
    height: 100%;
    margin: 0px 0px 0px 175px;
    padding-right: 10px;
    }.pun .postmain .posthead {
    margin-right: 0px;
    }
    .pun .posthead {
    background-color: rgb(244, 250, 255);
    border-bottom: 1px solid rgb(203, 218, 234);
    padding: 0.5em 1.3em 0.5em 1em;
    }
    .pun .posthead {
    background: none 0% 0% repeat scroll transparent;
    border-bottom: 0px none;
    color: rgb(164, 164, 164);
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
    font-size: 12px;
    }.pun .postbody {
    width: 100%;
    }.pun .post .user {
    font-size: 12px;
    margin-bottom: 7px;
    margin-left: -220px;
    min-height: 350px;
    padding: 7px;
    margin-top: -30px;
    width: 16em;
    text-align: center;
    }.postfoot {
    background: rgb(244, 250, 255);
    border-top: 1px solid rgb(203, 218, 234);
    clear: both;
    margin-left: -17em;
    padding: 0.5em 1em;
    text-align: right;
    }
    .postfoot {
    border-bottom: 0px;
    border-top: 0px;
    clear: both;
    margin-left: -14em;
    padding: 0.5em 1em;
    text-align: right;
    }.main .main-foot {
    background-image: none;
    border-radius: 0px 0px 4px 4px;
    }

#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
.user {position: relative !important;left: 2pc !important;top: 35px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !important;top: -5px !important;}

.admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
.rank {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: "Roboto Condensed",Tahoma,Helvetica;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px 20px;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}
.pun .user .user-info {
text-align: center!important;
}
.pun .user .user-info {
border: none!important;
}

div#container {
margin-top: 15px;
}#content-container div#right {
margin-top: 33px;
}

.pun .user-ident .user-basic-info {
margin-left: 29px;
}.post-options.profile_left {
margin-top: 0!important;
}h4.username {
margin-left: 20px;
}


#logo {
margin-top: 35px!important;
}

Troque por este:

Código:


.pun .posthead h2 strong {
background-color: #6F8F52;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
margin-top: -4px;
padding: 4px 7px;
}
.pun .topic{
background-color: #fff!important;
  padding: 9px;
}.pun .postmain {
    padding-right: 30px;
    }
/*perfil com capa by DeeW. v1.0*/
    .img-avatar img {
    width: 150px;
    height: 150px;
    }
    span.img-avatar {
    float: right;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px;
    }
    #profile-advanced-right {
    display: none;
    width: 0!important;
    margin: 10px;
    float: none!important;
    }
    #profile-advanced-left {
    margin-right: 0!important;
    margin: 0 auto;
    }

    #profile-advanced-layout #tabs {
    bottom: 50px;
    position: absolute;
    }
    #tabs ul li.activetab a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li.activetab a:hover {
    background-color: #000000;
    }
    .capa-perfil {
    background-color: #fff;
    width: 100%;
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 10px;
    box-shadow: inset 0 -60px 50px rgba(0, 0, 0, 0.5);
    }
    #profile-advanced-add {
    padding: 10px;
    text-align: right;
    background: #f0f0f0;
    margin: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    }
    .subtitle {
    text-align: center;
    text-transform: uppercase;
    }
    #profile-advanced-layout .main-content {
    background: #fff!important;
    padding: 10px;
    }
    #tabs ul li a:hover {
    background-color: #000000;
    }




#main {
margin-top: 20px!important;
}

.pun .post {
margin-left: -20px;
}
.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;font-size: 12px !important;}.postfoot {position:relative;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}

#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1399px;
width: 230px!important;
}

.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}
.cat_bar {
margin-bottom: -12px;
}
#onlinelist {
border-top: none!important;
}

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

a.chat-title {color: white!important;}
#chatbox_header.main-head {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #454545;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
background-color: #FCFCFF;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#simple-wrap {
background:white;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
#chatbox_footer {
border-top: none!important;  
}
html { background: white !important; }
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
border: 1px solid #585858!important;
border-radius: 2px !important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
color: #fff !important;
font-family: tahoma,helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal;
font-variant: normal !important;
font-weight: normal;
padding: 2px 5px !important;
text-shadow: #474747 0 -1px 0 !important;
position: relative !important;
top: -2px !important;
}
input#submit_button {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
border: 1px solid #585858!important;
border-radius: 2px!important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
color: #fff!important;
font-family: tahoma,helvetica,arial,sans-serif!important;
font-size: 13px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 400!important;
padding: 2px 5px!important;
position: relative!important;
text-shadow: #474747 0 -1px 0!important;
top: -2px!important;
}
#chatbox span[style="font-style:italic"]:after {
content: " Clique em login para entrar!";
}
#chatbox span[style="font-style:italic"] {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
border: 1px solid #E599AA;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
color: #80001C;
display: block;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
padding: 10px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
}
#divbold:after { content: 'Bold'; }
#divstrike:after { content: 'Strike'; }
#divunderline:after { content: 'Underline'; }
#divitalic:after { content: 'Italic'; }
#divcolor:after { content: 'Color'; }
#divsmilies:after { content: 'Smileys'; }
#chatbox_messenger_form div.right img { display: none; }
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6!important;
border-color: #d6d6d6!important;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 9px!important;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
#chatbox_members {
right: 10px!important;
}

#pun-about #qjump label {
font-weight: 700;
display: none;
}

#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}

#footer {padding: 85px 0 20px!important;border-top: 4px solid #7AB6A3;color: #727272;text-align: center;position: relative;background: #303030;}#footer .backtop {position: absolute;left: 50%;top: 25px !important;background: url(http://i.imgur.com/KyM4pyT.png) no-repeat;display: block;width: 30px;height: 30px;}.tf_main {margin-top: -30px !important;}

    .pun .main-content, #profile-advanced-details .main-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 9px;
    border-radius: 0px;
    }
    .main > .main-content {
    margin-bottom: 0px;
    }.pun .post {
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }
    .pun .post {
    background: rgb(253, 254, 255);
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 10px;
    }
    .pun .postmain {
    background-color: rgb(253, 254, 255);
    border-left: 1px solid rgb(203, 218, 234);
    margin-left: 17em;
    }
    .pun .postmain {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-left: 1px solid rgb(223, 231, 240);
    height: 100%;
    margin: 0px 0px 0px 175px;
    }
    .pun .posthead {
    background-color: rgb(244, 250, 255);
    border-bottom: 1px solid rgb(203, 218, 234);
    padding: 0.5em 1.3em 0.5em 1em;
    }
    .pun .posthead {
    background: none 0% 0% repeat scroll transparent;
    border-bottom: 0px none;
    color: rgb(164, 164, 164);
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
    font-size: 12px;
    }.pun .postbody {
    width: 100%;
    }.pun .post .user {
    font-size: 12px;
    margin-bottom: 7px;
    margin-left: -220px;
    min-height: 350px;
    padding: 7px;
    margin-top: -30px;
    width: 16em;
    text-align: center;
    }.postfoot {
    background: rgb(244, 250, 255);
    border-top: 1px solid rgb(203, 218, 234);
    clear: both;
    margin-left: -17em;
    padding: 0.5em 1em;
    text-align: right;
    }
    .postfoot {
    border-bottom: 0px;
    border-top: 0px;
    clear: both;
    margin-left: -14em;
    padding: 0.5em 1em;
    text-align: right;
    }.main .main-foot {
    background-image: none;
    border-radius: 0px 0px 4px 4px;
    }

#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
.user {position: relative !important;left: 2pc !important;top: 35px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !important;top: -5px !important;}

.admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
.rank {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: "Roboto Condensed",Tahoma,Helvetica;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px 20px;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}
.pun .user .user-info {
text-align: center!important;
}
.pun .user .user-info {
border: none!important;
}

div#container {
margin-top: 15px;
}#content-container div#right {
margin-top: 33px;
}

.pun .user-ident .user-basic-info {
margin-left: 29px;
}.post-options.profile_left {
margin-top: 0!important;
}h4.username {
margin-left: 20px;
}
#logo {
margin-top: 35px!important;
}


Qual quer coisa me mostre print.

Já ficou melhor só falta duas coisas vejas os quadrados em vermelho que fiz se reparar o primeiro no topo, ele fica incompleto o template não chega a fechar na caixa, o segundo quadrado é que fica em cima da informação do perfil:

Olá,

Referente a parte de cima adicione esse CSS:

Código:


.posthead {
width: 100%;
}


Referente a parte de baixo, aqui para mim esta normal, recomendo você deixar o padrão para não ter problemas com resolução. Caso você concorde, basta procurar na CSS o código abaixo:

Código:


.postfoot {
background: #f4faff;
background-color: #f4faff!important;
border-bottom: 1px solid #cbdaea!important;
border-left: 1px solid #CFD9E2!important;
border-top: 1px solid #CFD9E2!important;
clear: both;
color: #a4a4a4!important;
font-size: 12px!important;
font-weight: 400!important;
left: -176px;
margin: 0 10px 0 0 !important;
padding: .5em 1.3em .5em 1em !important;
position: relative;
text-align: right;
top: 1px;
}


Troque por este:

Código:


.postfoot {
background: #f4faff;
background-color: #f4faff!important;
border-bottom: 1px solid #cbdaea!important;
border-left: 1px solid #CFD9E2!important;
border-top: 1px solid #CFD9E2!important;
clear: both;
color: #a4a4a4!important;
font-size: 12px!important;
font-weight: 400!important;
left: -176px;
margin: 0 10px 0 0 !important;
padding: .5em 1.3em .5em 1em !important;
text-align: right;
top: 1px;
width:100%;
}


Esses códigos que pediu para trocar não tem na .CSS

Sendo assim, adicione esse:

Código:


.postfoot {
position:none!important;
width:100%;
}


Ficou perfeito agora amigo, finalmente, mas mais duas coisas, se reparar no topo tem duas vezes aquela informação "Conectado como Admin. A sua última visita foi dia Dom 7 Set 2014 - 2:12" eu queria apenas deixar a que está por cima do Titelbox, a por baixo queria retirar, e a outra veja ao fundo e aquela parte "Novo Tópico e Responder" veja que está junto a barra preta de cima que diz "Mensagem [Página 1 de 1]" seria possível dar um espaço?

Olá,

Troque o template ViewTópic_body por este:

Código:


<style>
.sb_titlebox {
background: #EBEBEB;
border-bottom: 1px solid #d8d8d8;
text-shadow: #fff 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;
padding: 25px;
overflow: hidden;
}
</style>
 
<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();
      }
   });
});
 
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
      
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
  
   return false;
};
 
//]]>
</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}&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&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}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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>
 
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.user .username a').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</script>
<div class="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Criado por <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<div id="tags_search"></div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</div>
<br>
<!-- BEGIN switch_user_logged_in -->
</div>
<!-- END switch_user_logged_in -->
<style>.pun-crumbsretirar{display:none!important;}</style>
 <div class="pun-crumbsretirar 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}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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>
<br>
<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
        var target = $('.post:first');
        var imgdata = target.find('div.user-basic-info');
        var autor_dat = target.find('div.author');
        var autor_url = autor_dat.attr('href');
        var autor_txt = autor_dat.text();
        var date = target.find('span.data-post').html();
        var topic_title = '{TOPIC_TITLE}';
        var tags = topic_title.split(' ');
        var follow = '{S_WATCH_TOPIC}';
      
        $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
        $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
        $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
        $('span[itemprop="name"]').text(autor_txt);
        $('span[itemprop="dateCreated"]').html(date);
      
        /* Remove duplicates values in array!
        -> If you find something better than this, telme please. */
        tags = tags.filter(
            function(a){
                if (!this[a]) {
                    this[a] = 1;
                    return a;
                }
            }
        );
        /* Sets tag search... */
        $.each(tags, function(index, data) {
            if(data.length > 5) {
                $('#tags_search').append(
                    '<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mais conteúdo com tag ' + data + '" href="/search?search_keywords=' + data + '">' +
                    '    <span>' + data + '</span>' +
                    '</a>'
                );
            }
        });
        /* Whatch topic */
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        watchtopic();
        function watchtopic() {
            var target = $('#watchtopic').find('a.ftoggle.ipsButton_secondary');
            if (follow.indexOf("?watch=") != -1) {
                target.attr('title', 'Seguir este tópico e receber notificações de atualizações');
                target.attr('href', '{TOPIC_URL}?watch=topic');
                target.text('Seguir este tópico');
            } else {
                target.attr('title', 'Não seguir este tópico e não receber notificações de atualizações');
                target.attr('href', '{TOPIC_URL}?unwatch=topic');
                target.text('Não seguir este tópico');
            }
        }
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
    });
    //]]>
</script>
<style type="text/css">
   <!--
    .right {
        float: right;
    }
    .left {
        float: left;
    }
    .ipsBox_withphoto {
        margin-left: 20px;
    }
    .ipsUserPhoto_medium {
        height: 50px;
        width: 50px;
    }
    .ipsUserPhoto {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D5D5D5 !important;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        padding: 1px;
    }
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #7D7D7D !important;
    }
    .rating {
        display: none;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .ipsType_smaller, .ipsType_smaller a {
        font-size: 11px !important;
    }
    .rating img {
        vertical-align: top;
    }
    #rating_text {
        margin-left: 4px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #323232;
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #A4A4A4;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
   .ipsTag {
display: inline-block;
background: url('http://i.imgur.com/EqVgaGB.png');
height: 23px;
line-height: 23px;
padding: 0 7px 0 21px;
margin: 5px 5px 0 0;
font-size: 11px;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
border-right: 1px solid #8b8b8b;
}
    .ipsButton_secondary {
        background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
        border: 1px solid #DBDBDB;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        display: inline-block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        transition: all 0.2s ease-in-out 0s;
        white-space: nowrap;
    }
    .ipsButton_secondary:hover {
        border-color: #9A9A9A;
        color: #4C4C4C;
    }
    .ipsButton_extra {
        color: #5C5C5C;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin-left: 5px;
    }
    .clickable {
        cursor: pointer;
    }
    div.ipbfs_titlebox {
background: #EBEBEB;
border-bottom: 1px solid #d8d8d8;
text-shadow: #fff 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;
padding: 15px;
overflow: hidden;
: ;
}
</style></div>
<!-- #endregion TitleBox_Viewtopic_body -->
<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 hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
        
         <!-- BEGIN displayed -->
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <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>
<span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </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 -->
                        <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                        <!-- 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}" alt="" />
 
                                       <!-- 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 profile_{postrow.displayed.PROFILE_POSITION}">
                     {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 profile_{postrow.displayed.PROFILE_POSITION}">
                     {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>
         <!-- END displayed -->
      <!-- 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 -->
      »&nbsp;<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 -->
<div class="main">
  
<!-- 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}" alt="" />
         </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>


Referente ao espaço, aqui está normal, mais adicione esse CSS para ver se resolve:

Código:


.paged-head {
margin-top: -10px;
}.paged-foot.clearfix {
margin-top: 10px;
}


Perfeito só mais duas coisinhas xd, na parte dos títulos nos tópicos no topo tem "sdadsadsadsasdaem Qua 3 Set 2014 - 3:40" seria possível dar um espaço entre a data postada?

Os títulos do nick por cima do avatar, fica sempre em maísculas e queria colocar normal, e também na titlebox veja que o título, quem postou, tags, estão muito em cima do avatar é possível puxar a frente?

Olá,

Troque o seu view_topic_body por este:

Código:

<style>
.sb_titlebox {
background: #EBEBEB;
border-bottom: 1px solid #d8d8d8;
text-shadow: #fff 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;
padding: 25px;
overflow: hidden;
}
</style>
 
<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();
      }
  });
});
 
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
     
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
 
  return false;
};
 
//]]>
</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}&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&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}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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>
 
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.user .username a').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</script>
<div class="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Criado por <span itemprop="creator"></span>, <span itemprop="dateCreated"> {postrow.displayed.POST_DATE_NEW}</span>
</div>
<div id="tags_search"></div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</div>
<br>
<!-- BEGIN switch_user_logged_in -->
</div>
<!-- END switch_user_logged_in -->
<style>.pun-crumbsretirar{display:none!important;}</style>
 <div class="pun-crumbsretirar 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}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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>
<br>
<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
        var target = $('.post:first');
        var imgdata = target.find('div.user-basic-info');
        var autor_dat = target.find('div.author');
        var autor_url = autor_dat.attr('href');
        var autor_txt = autor_dat.text();
        var date = target.find('span.data-post').html();
        var topic_title = '{TOPIC_TITLE}';
        var tags = topic_title.split(' ');
        var follow = '{S_WATCH_TOPIC}';
     
        $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
        $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
        $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
        $('span[itemprop="name"]').text(autor_txt);
        $('span[itemprop="dateCreated"]').html(date);
     
        /* Remove duplicates values in array!
        -> If you find something better than this, telme please. */
        tags = tags.filter(
            function(a){
                if (!this[a]) {
                    this[a] = 1;
                    return a;
                }
            }
        );
        /* Sets tag search... */
        $.each(tags, function(index, data) {
            if(data.length > 5) {
                $('#tags_search').append(
                    '<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mais conteúdo com tag ' + data + '" href="/search?search_keywords=' + data + '">' +
                    '    <span>' + data + '</span>' +
                    '</a>'
                );
            }
        });
        /* Whatch topic */
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        watchtopic();
        function watchtopic() {
            var target = $('#watchtopic').find('a.ftoggle.ipsButton_secondary');
            if (follow.indexOf("?watch=") != -1) {
                target.attr('title', 'Seguir este tópico e receber notificações de atualizações');
                target.attr('href', '{TOPIC_URL}?watch=topic');
                target.text('Seguir este tópico');
            } else {
                target.attr('title', 'Não seguir este tópico e não receber notificações de atualizações');
                target.attr('href', '{TOPIC_URL}?unwatch=topic');
                target.text('Não seguir este tópico');
            }
        }
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
    });
    //]]>
</script>
<style type="text/css">
  <!--
    .right {
        float: right;
    }
    .left {
        float: left;
    }
    .ipsBox_withphoto {
        margin-left: 20px;
    }
    .ipsUserPhoto_medium {
        height: 50px;
        width: 50px;
    }
    .ipsUserPhoto {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D5D5D5 !important;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        padding: 1px;
    }
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #7D7D7D !important;
    }
    .rating {
        display: none;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .ipsType_smaller, .ipsType_smaller a {
        font-size: 11px !important;
    }
    .rating img {
        vertical-align: top;
    }
    #rating_text {
        margin-left: 4px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #323232;
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #A4A4A4;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
  .ipsTag {
display: inline-block;
background: url('http://i.imgur.com/EqVgaGB.png');
height: 23px;
line-height: 23px;
padding: 0 7px 0 21px;
margin: 5px 5px 0 0;
font-size: 11px;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
border-right: 1px solid #8b8b8b;
}
    .ipsButton_secondary {
        background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
        border: 1px solid #DBDBDB;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        display: inline-block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        transition: all 0.2s ease-in-out 0s;
        white-space: nowrap;
    }
    .ipsButton_secondary:hover {
        border-color: #9A9A9A;
        color: #4C4C4C;
    }
    .ipsButton_extra {
        color: #5C5C5C;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin-left: 5px;
    }
    .clickable {
        cursor: pointer;
    }
    div.ipbfs_titlebox {
background: #EBEBEB;
border-bottom: 1px solid #d8d8d8;
text-shadow: #fff 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;
padding: 15px;
overflow: hidden;
: ;
}
</style></div>
<!-- #endregion TitleBox_Viewtopic_body -->
<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 hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
       
        <!-- BEGIN displayed -->
        <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
        <!-- END first_post_br -->
        <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <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> &nbsp;
<span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </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 -->
                        <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                        <!-- 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}" alt="" />
 
                                      <!-- 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 profile_{postrow.displayed.PROFILE_POSITION}">
                    {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 profile_{postrow.displayed.PROFILE_POSITION}">
                    {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>
        <!-- END displayed -->
      <!-- 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 -->
      »&nbsp;<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 -->
<div class="main">
 
<!-- 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}" alt="" />
        </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>

Procure no seu CSS :

.pun .user-ident .username a span, .pun .user-ident .username a

e apague a seguinte linha:

text-transform: uppercase;

Até mais

Este código não tenho na .CSS:

Código:

.pun .user-ident .username a span, .pun .user-ident .username a

O espaço resultou, agora só falta a dúvida do nickname e no titlebox colocar mais a esquerda.

Olá,

Procure por este.

Código:

.username a

e apague a mesma linha que eu falei na mensagem anterior.

Até mais.

Também não encontra.

Adicione em sua folha CSS o código abaixo:

Código:


.pun .user-ident .username a span, .pun .user-ident .username a {
text-transform: none!important;
}.ipsBox_withphoto {
margin-left: 40px!important;
}


Olá,

Resultou, só falta agora dar um espaço no titlebox, e se possível queria colocar uns traços no lado esquerdo e direito ou seja assim:



O que está em vermelho mas queria em cinzentado ou em preto e fino se possível!

Olá,

Desculpe, agora eu reparei que as linhas que eu estava citando não estavam no CSS, e sim no template view_topic_body entre as tags <style>...</style>

Agora, vamos ao que interessa:

Remova este código passado pelo nosso amigo Alex, pois não esta fazendo efeito nenhum:

.ipsBox_withphoto {
margin-left: 40px!important;
}

E coloque este:

Código:

a.ipsUserPhotoLink.left {
margin-right: 15px;
}

Também pode usar assim, para ocupar só uma linha:

Código:

a.ipsUserPhotoLink.left {margin-right: 15px;}

Altere 15px pela margem desejada.

Resultado:



Para as bordas, utilize este:

Código:

.main-content.topic {border: 2px solid #454545;}

Altere 2px para a espessura desejada.

Resultado:



Até mais.

Perfeito obrigado e resolvido!!