Personalizar Área Conectados

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Personalizar Área Conectados

Mensagem por 'Flávia 13.01.15 2:50

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'
'Flávia

'Flávia
Novo Membro

Membro desde : 14/12/2014
Mensagens : 6
Pontos : 12

http://aresto-momentum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por [K]oke 15.01.15 9:17

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!
[K]oke

[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por Consolado 15.01.15 11:06

Welcome FdF
Olá!

Painel de Controle > Visualização > Templates (Geral) > index_body Editar
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 (Adicionar) 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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por 'Flávia 17.01.15 4:32

Não resultou galera >.<
'Flávia

'Flávia
Novo Membro

Membro desde : 14/12/2014
Mensagens : 6
Pontos : 12

http://aresto-momentum.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por Sennior 19.01.15 6:41

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por 'Flávia 24.01.15 3:40

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

Obrigada Sennior *-*
'Flávia

'Flávia
Novo Membro

Membro desde : 14/12/2014
Mensagens : 6
Pontos : 12

http://aresto-momentum.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Área Conectados

Mensagem por nikka 24.01.15 15:37

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
nikka

nikka
Principal Contribuidor
Principal Contribuidor

Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos