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
» Widget em forma de slide
Hoje à(s) 19:30 por EDU2010

» Ranking em CSS
Hoje à(s) 18:45 por William_iHarDz

» Widget Staff Online
Hoje à(s) 18:33 por Roger_Crazzy

» Adição de setas e menu dropdown ao widget
Hoje à(s) 18:09 por juleic1123

» Userbar / Fanbar
Hoje à(s) 17:53 por PESS_dodo

» Modelo de pagina HTML para uar no local do portal
Hoje à(s) 17:24 por Luiz~

» Widget últimos assuntos personalizado
Hoje à(s) 17:07 por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
225 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 212 Visitantes :: 1 Motor de busca

Claudio Arthur, Connor R., EDU2010, hamesashek, iScroll, KINGDOM, Kyo Panda, Luiz~, PESS_dodo, Roger_Crazzy, Thiago._., William_iHarDz, XxKingdonxX

[ 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 : 12

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 : 853
Pontos Ativos : 1565

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 : 6128

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 : 12

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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

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 : 12

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
Membro profissional
Membro profissional

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

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