Área Conectados

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://aresto-momentum.forumeiros.com

Descrição do problema

Hey! deem uma uma olhada na área conectados do meu fórum http://aresto-momentum.forumeiros.com/forum

Gostaria que arrumassem o código pra mim... para que ficasse igual o da imagem, podem ver que o problema é no meio (fórum onde vi esse template: http://glee-rpg.forumeiros.com/forum )

Os códigos que estou usando são esses:

CSS

Código:

.img-whois {
background-color: transparent;
float: none;
height: 231px;
margin-bottom: 20px;
margin-right: 0;
width: 935px;
}
p {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: .5em;
}strong, b {
font-weight: bold;
}

.h3 {
text-align: center;
font-family: Open Sans Condensed;
font-size: 20px;
font-weight: lighter;
color:#000;
padding: 15px;
display:none;
line-height: 85px;
overflow: hidden;
text-decoration: none;
background-color: #000;
}

.h3 + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .0px;
height: 74px;
width: 120px;
color: #000;
}

.h3 + p.page-bottom + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .0px;
height: 74px;
width: 120px;
}

.h3 + p.page-bottom + p.page-bottom + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .0px;
height: 74px;
width: 380px;
}

#page-body p.page-bottom {
margin: -305px 5px 160px 350px;
width: 200px;
color: #000;
}


.h3 + p.page-bottom strong {
color: #000;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -95px;
text-align: center;
margin-right: 0px;
padding: 5px;
font-weight: 100;
}
.h3 + p.page-bottom + p.page-bottom strong {
color: #000;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -40px;
text-align: center;
padding: 5px;
font-weight: 100;
}

.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong {
display: block;
font-family: Oswald;
font-size: 16px;
font-weight: 100;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
color: #000;
padding: 5px;
}


.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong a span strong::after {
color: #000;
content: "ÚLTIMO MEMBRO A SE REGISTRAR";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom strong::after {
color: #000;
content: "USUÁRIOS REGISTRADOS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom strong::after {
color: #000;
content: "MENSAGENS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}

#i_whosonline + p br + br + em {
color: transparent;
padding: 25px;
text-align: center!important;
letter-spacing:2px;
word-spacing: 5px;
top: -222px!important;
right: -570px !important;
position: relative;
text-transform: uppercase;
}


p em b a.gensmall {
font-family: open sans condensed;
font-size: 14px;
font-style: none;
font-weight: bolder;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
}

p em {
font-style: normal;
color: transparent;
}
  
#i_whosonline + p {
padding: 10px;
text-align: justify;!important;
display: block;!important;
width: 280px !important;
font-size: 10px;!important;
position: relative;
top: -230px;
left: 20px;
font-weight: 400;
font-family: calibri !important;
height:180px;
letter-spacing: 1px;!important;
color: #000;
text-transform: uppercase;
border-top: 1px solid #000;
}


index_body

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="h3"></div><img src="http://2img.net/i/fa/empty.gif" id="i_whosonline" alt="Quem está conectado" class="img-whois" /><p>{TOTAL_USERS_ONLINE}<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}<br /><br /><br style="line-height:5px;" />{L_WHOSBIRTHDAY_TODAY} <br />{L_WHOSBIRTHDAY_WEEK} <br /><br /><em>Legenda&nbsp;:&nbsp; {GROUP_LEGEND} </em></p><div class="clear"></div><div class="h3"></div><p class="page-bottom"> <strong>{TOTAL_POSTS}</strong> </p><p class="page-bottom">Temos <strong>{TOTAL_USERS}</strong> </p><p class="page-bottom">><span style="color:#666666"><strong>{NEWEST_USER}</strong></span></p>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{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 -->


Saudações senhorita!

Troque a tua CSS inteira pelo o código abaixo:

Código:

.img-whois {
background-color: transparent;
float: none;
height: 231px;
margin-bottom: 20px;
margin-right: 0;
width: 935px;
}
p {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: .5em;
}strong, b {
font-weight: bold;
}
.h3 {
text-align: center;
font-family: Open Sans Condensed;
font-size: 20px;
font-weight: lighter;
color: #000;
padding: 15px;
display: none;
line-height: 85px;
overflow: hidden;
text-decoration: none;
background-color: #000;
}
.h3 + p.page-bottom {
background: transparent;
display: inline-block;
font-size: .1px;
height: 74px;
}
#page-body p.page-bottom {
margin: -305px 5px 160px 350px;
width: 200px;
color: #000;
}
.h3 + p.page-bottom strong {
color: #000;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -95px;
text-align: center;
margin-right: 0px;
padding: 5px;
font-weight: 100;
}
.h3 + p.page-bottom strong::after {
color: #000;
content: "MENSAGENS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom {
background: transparent;
display: inline-block;
font-size: .1px;
height: 74px;
}
.h3 + p.page-bottom + p.page-bottom strong::after {
color: #000;
content: "USUÁRIOS REGISTRADOS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom strong {
color: #000;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -40px;
text-align: center;
padding: 5px;
font-weight: 100;
}
.h3 + p.page-bottom + p.page-bottom + p.page-bottom {
background: transparent;
display: inline-block;
font-size: .1px;
height: 74px;
}
.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong {
display: block;
font-family: Oswald;
font-size: 16px;
font-weight: 100;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
color: #000;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong a span strong::after {
color: #000;
content: "ÚLTIMO MEMBRO A SE REGISTRAR";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
#i_whosonline + p br + br + em {
color: transparent;
padding: 25px;
text-align: center!important;
letter-spacing:2px;
word-spacing: 5px;
top: -222px!important;
right: -570px !important;
position: relative;
text-transform: uppercase;
}
p em b a.gensmall {
font-family: open sans condensed;
font-size: 14px;
font-style: none;
font-weight: bolder;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
}
p em {
font-style: normal;
color: transparent;
}
#i_whosonline + p {
padding: 10px;
text-align: justify;!important;
display: block;!important;
width: 280px !important;
font-size: 10px;!important;
position: relative;
top: -230px;
left: 20px;
font-weight: 400;
font-family: calibri !important;
height:180px;
letter-spacing: 1px;!important;
color: #000;
text-transform: uppercase;
border-top: 1px solid #000;
}

Resulta?

Todavia, não entendi a mudança de tema do teu fórum...

Até!