Problema em Widgets

A dúvida dos widgets do meu fórum ainda continua:
https://ajuda.forumeiros.com/t95012-problema-de-widgets-com-homepage

Ou seja esse código resultou e usei assim:

Código:

#content-container div#right {
width: 220px!important;
margin-top: -1072px!important;
}

Só que tem um problema esse código apenas resulta para a parte do fórum, se for até a parte do sub-fóruns vejam:
http://kodactheme.criaforum.com/f1-seu-primeiro-forum

Eles ficam no topo do fórum e não no sitio que deviam, seria possível arranjar o problema?

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#right {top: 71pc!important;width: 220px!important;position: relative !important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Olá,

Veja como ficou:
http://kodactheme.criaforum.com/

Saudações,

Existe mais de um código que esta fazendo a mesma função.
Mande-me teu CSS por gentileza amigo.

Até mais.

Tinha um código mas retirei e continua na mesma mas veja:

Código:

div#right {top: 71pc!important;width: 220px!important;position: relative !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: 150px !important;}h4.username {position: relative !important;text-align: center !important;left: 78px !important;}
.user {position: relative !important;left: 2pc !important;top: 150px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !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;
}

Hum... Fazemos assim então, retire também o passado por mim e deixe como veio o tema.

Até mais.

Veja como fica:
http://kodactheme.criaforum.com/

E também ficam muito em cima do fórum

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

#right {position: relative!important;top: -47pc!important;}#main {position: relative!important;top: 22px!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Resulta na parte do fórum, agora se for ler um tópico ou sub-fóruns eles apenas estão muito para cima até desaparecem... Não consegue colocar 1 código que deia para tudo?

E veja que no fundo do fórum o footer não está junto com o fórum tem um espaço grande:
http://kodactheme.criaforum.com/

Adicione em sua folha CSS:

Código:


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


Peço que apague esse código:

Código:


#right {position: relative!important;top: -47pc!important;}


Resultou Alex, agora queria era subir um pouco na parte do fórum e nos sub-fóruns abaixar um pouco os widgets é possível?

Subir e baixar o que amigo, não entendi, pois aqui pra mim esta tudo ok...

Veja se reparar a parte do fórum está muito para baixo:
http://kodactheme.criaforum.com/

Queria colocar ao nível da mensagem de HomePage

O senhor se refere ao widget que esta um pouco mais pra baixo né...
Procure esse código:

Código:


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


Troque por este:

Código:


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


Eu tive a mexer e coloquei assim:

Código:

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

Eu queria mesmo alinhado com a barra da Home Page se reparar está ligeiramente mais acima o widget.

Saudações!

Tente primeiro este e coloque no inicio de teu CSS IsmaelS. junto com o que o senhor usou:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#right {position: relative !important;top: 535px !important;}

Salve e Visualize seu fórum.

Se mesmo assim não resultar, altere por este código e altere também junto ao que o senhor mexeu:

Código:

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

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

O primeiro coloca os widgets mais para baixo, e o segundo código apenas bugou tudo...

Pois bem, o primeiro então faz o que senhor deseja né? Então apenas mude os valores do primeiro código.

Olá,

Coloquei veja:
http://kodactheme.criaforum.com/

Só que ficou um bocainho a cima coloquei o valor "0" se colocar "-1...." não bate certo na mesma.

Olha, quando eu utilizo este valor:

Código:

div#right {position: relative!important;top: 534px!important;}

Fica certinho para mim, veja:
http://prntscr.com/4jhsyr

O que ocorre quando usa este valor?

Até mais.

Veja como fica:
http://kodactheme.criaforum.com/

Não lhe fica em baixo?

Não amigo... Acho que seja por conta do monitor, no mais tente este:

Código:

div#right {position: static;margin-top: -54pc!important;margin-left: 63pc !important;}

Até mais.

Olá,

Já está resolvido, só uma coisa veja o espaçamento entre o fórum e os widgets:
http://kodactheme.criaforum.com/

E veja nos sub-fóruns:
http://kodactheme.criaforum.com/f1-regulamento-staff

Seria possível dar um espaçamento entre eles?

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#main-content {position: relative !important;left: -17px !important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Esse código cortou o lado esquerdo do fórum veja:
http://kodactheme.criaforum.com/

Saudações,

Penso que para resolver, aceda em:
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum
Procure pelo campo Largura coluna 1 (esquerda) e coloque o valor em 0.
Se o mesmo já estive em 0, coloque o valor em 180 e veja se resolve.

Até mais.

Isso está a "0" o problema mesmo é do seu código amigo.

Saudações!

Altere o código que eu passei pelo abaixo:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#main-content {left: 10px!important;position: relative!important;z-index: 99999999!important;;width: 62pc!important;;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Olá,

Eu usei o código do Alex:

Código:

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

Na parte do fóum está tudo direito, mas dentro dos sub-fóruns e nos tópicos os widgets ficam muito colados ao fórum:
http://kodactheme.criaforum.com/f1-regulamento-staff

Ismaels, me forneça o seu CSS, pois terei que analisar todo ele para arrumar uma forma de funcionar em todos os navegadores e resoluções, acho que para você o inicio do fórum o widget esteja certo, mais veja no meu:
https://i.imgur.com/ACF0tvN.png
Ele esta muito para cima, isso foi pelo fato de você alterar com o ultimo CSS.

Estranho aqui fica o .CSS nesta dúvida:
https://ajuda.forumeiros.com/t95020p20-arranjar-viewtopic_body#648152

Cara na boa não estou entendendo esse seu tema, me forneça o template index_body
No painel onde você configura os widget - tamanho e etc, me passe um print por favor.

Template:

Código:

{JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
    <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
    <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
    <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    <div>
      <!-- END message_admin_index -->
      <!-- BEGIN switch_user_login_form_header -->
      <div class="main">
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
          <div class="user_login_form main-box center">
            <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
            <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
            <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
          </div>
        </form>
      </div>
      <!-- END switch_user_login_form_header -->
      {CHATBOX_TOP}
      {BOARD_INDEX}
      <!-- BEGIN disable_viewonline -->
      <div class="cat_bar">
            <h3 class="catbg">

              Estatísticas Gerais do Mega Publicidade
            </h3>
          </div>
      <div class="roundframe">
        <div class="innerframe">
                <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            <div class="clear"></div>

            <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

          </div>
       
        </div>
      </div>                 
      <!-- END disable_viewonline -->
      {CHATBOX_BOTTOM}
      {AUTO_DST}
    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Imagem:

Ismales, faça um teste, troque sua CSS por esta:

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;}

.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;
}

.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;
}


Referente ao template index_body salve ele todo em um bloco de notas e delete deixa-o padrão, o erro nos widget está nesse template amigo!

Veja:
Fórum: http://kodactheme.criaforum.com/
Sub-fórum: http://kodactheme.criaforum.com/f1-regulamento-staff

Aqui para mim ele está um pouco em cima da parte branca, caso seja isto, adicione isso em sua folha CSS:

Código:


div#right {
margin-top: 36px;
}


É possível colocar separado entre o fórum?

Como assim amigo? me mostre um print por favor...

Ou seja veja os iwdgets eles estão muito em cima do fórum para o lardo esquerdo, eu queria colocar mais para a direita os widgets se possível.

Amigo, acho que se mexer nessa parte desconfigura outras, seria melhor deixar assim...

Não sei como ai está, mais aqui até que ta bom comparado com o que estava antes rsrs veja:
https://i.imgur.com/70CezRK.png

Pois, mas preferia dar um espaço pois você já conseguiu...

Olá,

Adicione esse código CSS:

Código:


#content-container div#right {
width: 230px;
}


Resultou, mas agora ao retirar o template como pediu, eu nas estatísticas aquela barra preta que você me deu suporte, desapareceu ...

Poderia me fornecer o modelo das estatísticas por favor?

Como assim que modelo?

Preciso que me mostre como era as estatísticas antes das alterações, para eu poder personalizar para você!

Você tinha-me posto assim:

Olá,

Troque o template Index_body por este:

Código:


{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </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 -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
          <div class="main-head"><div class="page-title"><h2>ESTATÍSTICAS GERAIS DO MEGA PUBLICIDADE</h2></div></div>
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Veja como ficou:
http://kodactheme.criaforum.com/

Queria agora retirar aquela parte "Você encontra atualmente 0 usuários conectados ao Chatbox : [ Ir para o Chat ]" e queria meter a barra por fora e junto a caixa das estatísticas ou seja deixar assim:

Troque o template por este:

Código:


{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </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 -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-head"><div class="page-title"><h2>ESTATÍSTICAS GERAIS DO MEGA PUBLICIDADE</h2></div></div>
   <div class="main-content">
                <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->