Personalizar Á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

Me apaixoooonei pelo estilo da área conectados deste fórum > http://tvdrpgbr.forumeiros.com/ <

alguém poderia me dar um help aê?

vlw, flw rs'

Olá,

Adicione no seu CSS

Código:

.img-whois2 {
background: url(http://i.minus.com/ibkiesbYVpOyPN.jpg);
background-color: #0E0E0E;
border: 3px double #000;
box-shadow: 0 0 15px #000;
float: none;
height: 231px;
margin-bottom: 20px;
margin-right: 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-scrollbar element
::-webkit-scrollbar {
background-color: #fff;
border: 4px solid #000;
height: 9px;
width: 9px;
}
Pseudo ::-webkit-scrollbar-thumb element
::-webkit-scrollbar-thumb {
background-color: #fff;
border: 2px solid #000;
height: auto;
width: 5px;
}
Inherited from body#phpbb
a:hover, body {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress!important;
}
body {
background-attachment: fixed;
background-color: #242424;
background-image: url(http://i.imgur.com/2lC23S3.jpg);
color: #858585;
font-family: Calibri;
font-size: 10px;
height: auto;
padding: 10px 0;
}
Inherited from html#min-width
html {
font-size: 100%;
height: 100%;

Até Mais!

Olá!

Painel de Controle > Visualização > Templates (Geral) > index_body
Substitua o conteúdo do template por esse:

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}

<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<div class="img-whois2"></div>
<p>{TOTAL_USERS_ONLINE}<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br></p>
<div id="grupos">{GROUP_LEGEND}</div>
<div class="clear"></div>
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<p><p class="page-bottom">{TOTAL_POSTS}</p><p class="page-bottom">{TOTAL_USERS}</p><p class="page-bottom">{NEWEST_USER}</p></p>

<!-- 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" />

{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 -->

Salve e publique () o template.

Utilize esse código CSS:

Código:

#page-body p.page-bottom{margin:-205px 5px 160px 3px;outline:3px double #FFF;outline-offset:-10px}.h3 + p.page-bottom{background:rgba(0,0,0,0.5);color:rgba(0,0,0,0);display:inline-block;font-size:.1px;height:74px;width:120px}.h3 + p.page-bottom strong{color:#fff;display:block;font-family:Special Elite;font-size:20px;margin-top:40px;text-align:center}.h3 + p.page-bottom strong::after{color:#fff;content:"MENSAGENS";display:block;font-family:Inconsolata;font-size:9px;font-style:normal;font-variant:normal;font-weight:normal;margin-top:10px;text-align:center}.h3 + p.page-bottom + p.page-bottom{background:rgba(0,0,0,0.5);color:rgba(0,0,0,0);display:inline-block;font-size:.1px;height:74px;width:120px}.h3 + p.page-bottom + p.page-bottom strong{color:#fff;display:block;font-family:Special Elite;font-size:20px;margin-top:40px;text-align:center}.h3 + p.page-bottom + p.page-bottom strong::after{color:#fff;content:"USUÁRIOS";display:block;font-family:Inconsolata;font-size:9px;font-style:normal;font-variant:normal;font-weight:normal;margin-top:10px;text-align:center}.h3 + p.page-bottom + p.page-bottom + p.page-bottom{background:rgba(0,0,0,0.5);color:rgba(0,0,0,0);display:inline-block;font-size:.1px;height:74px;width:280px}.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong{display:block;font-family:Special Elite;font-size:18px;font-weight:100;margin-top:40px;text-align:center;text-transform:uppercase}.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong a span strong::after{color:#fff;content:"Último Registrado";display:block;font-family:Inconsolata;font-size:9px;font-style:normal;font-variant:normal;font-weight:normal;margin-top:10px;text-align:center}.clear + .h3{display:none}.img-whois2 + p em{display:none}#grupos{background:#000;color:rgba(0,0,0,0);font-family:Tulpen One;font-size:26px;height:85px;margin-left:10px;margin-top:-140px;outline:3px double #FFF;outline-offset:-5px;padding:10px;text-align:center;text-shadow:.05em .07em #000;text-transform:uppercase;width:510px}.img-whois2 + p{background:#000;display:inline-block;float:right;font-family:Inconsolata;font-size:9px;font-style:normal;font-variant:normal;font-weight:normal;height:180px;line-height:9px;margin-right:17px;margin-top:-235px;overflow:auto;padding:10px;text-align:justify;text-transform:uppercase;width:500px}.img-whois2 + p a span{font-size:10px;font-style:normal;font-variant:normal;font-weight:normal}.img-whois2{background:url(http://i.minus.com/ibkiesbYVpOyPN.jpg);background-color:#0E0E0E;border:3px double #000;box-shadow:0 0 15px #000;float:none;height:231px;margin-bottom:20px;margin-right:0}#page-body p.page-bottom + .h3{display:none}#page-body p.page-bottom + .h3 + div.page-bottom{display:none}

Até mais.

Não resultou galera >.<

Querida Flavia, tem que ser precisamente este?
Temos outros estilos aqui no FdF, mas precisa ser realmente este? Poderia criar, mas irá demorar um pouco pois isto vai além dos meus conhecimentos em Template.

Abraços.

É que eu gostei tanto desse *____________* Mas se não é possível eu entendo =) Pode fechar então =/

Obrigada Sennior *-*