Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
218 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 208 Visitantes :: 2 Motores de busca

'Dante, Francine_Campos, juleic1123, Kyo Panda, Luiz~, Monkey.D.Luffy, Thomazinny, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar Área Conectados

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

Resolvido Personalizar Área Conectados

Mensagem por 'Flávia em Ter 13 Jan 2015 - 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'
avatar

'Flávia
Nível 2

Feminino
Inscrito dia : 14/12/2014
Mensagens : 6
Pontos Ativos : 846

http://aresto-momentum.forumeiros.com

Resolvido Re: Personalizar Área Conectados

Mensagem por [K]oke em Qui 15 Jan 2015 - 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!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 852
Pontos Ativos : 2631

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

Resolvido Re: Personalizar Área Conectados

Mensagem por Consolado em Qui 15 Jan 2015 - 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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8277

Resolvido Re: Personalizar Área Conectados

Mensagem por 'Flávia em Sab 17 Jan 2015 - 4:32

Não resultou galera >.<
avatar

'Flávia
Nível 2

Feminino
Inscrito dia : 14/12/2014
Mensagens : 6
Pontos Ativos : 846

http://aresto-momentum.forumeiros.com

Resolvido Re: Personalizar Área Conectados

Mensagem por Sennior em Seg 19 Jan 2015 - 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.
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22868

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar Área Conectados

Mensagem por 'Flávia em Sab 24 Jan 2015 - 3:40

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

Obrigada Sennior *-*
avatar

'Flávia
Nível 2

Feminino
Inscrito dia : 14/12/2014
Mensagens : 6
Pontos Ativos : 846

http://aresto-momentum.forumeiros.com

Resolvido Re: Personalizar Área Conectados

Mensagem por nikka em Sab 24 Jan 2015 - 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.
avatar

nikka
Ex-Admineira
Ex-Admineira

Feminino
Inscrito dia : 17/12/2008
Mensagens : 15624
Pontos Ativos : 22919

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum