Adicionar barra de novos membros e mensagens

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

Resolvido Adicionar barra de novos membros e mensagens

Mensagem por Brunelli em 13/04/18, 08:59 pm

Detalhes da questão


Endereço do fórum: http://brunelli-mateus.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Oi,
Eu gostaria de adicionar essa barrinha no final do meu fórum: https://prnt.sc/j505cd
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Adicionar barra de novos membros e mensagens

Mensagem por RafaelS. em 13/04/18, 10:03 pm

Olá novamente! Muito feliz

Troque o seu index_body por este:

Código:
{JAVASCRIPT}
<style>
  #legend {
    background-color: transparent;
    border: solid 1px #ddd;
    border-radius: 10px;
    display: block;
    font-size: 0;
    margin: 20px auto 0;
    text-align: center;
    width: 70%;
  height: 34px;
}
  #legend b {
    display: inline-block;
    font-size: 13px!important;
    overflow: hidden;
    padding: 10px 12px;
    position: relative;
    z-index: 2;
}
  #legend b:after {
    background-color: transparent;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all linear 600ms;
    width: 1px;
    z-index: -1;
}
  #legend b:hover:after {
    background-color: #ddd;
    transform: translate(-50%,-50%) scale(200);
}
  #fa_stats {
    background: #2E3133 none repeat scroll 0 0;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px;
    padding: 15px 0;
    text-align: center;
}
  .stat_label {
    background: #ECEDEE none repeat scroll 0 0;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
  .stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .qeel_title {
    background: #007eff none repeat scroll 0 0;
    color: #007eff;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
  .qeel_section {
    background: #FCFCFC none repeat scroll 0 0;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
</style>
<!-- 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_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </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}
 

{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_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
 
<br style="clear:both" />

 <div class="fa-custom-stats">
  <div class="widgetsbottom"><div id="fa_stats">
  <span class="stat_label">{TOTAL_POSTS} {TOTAL_TOPICS}</span><span class="text_label">Mensagens</span>
  <span class="stat_label">{TOTAL_USERS}</span><span class="text_label">Usuários registrados</span>
  <span class="stat_label">{NEWEST_USER}</span><span class="text_label">É o novo membro</span>
  </div>
  <!-- BEGIN disable_viewonline -->
 
    <!-- BEGIN switch_viewonline_link -->
    <div class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
    <!-- END switch_viewonline_link -->
 
    <!-- BEGIN switch_viewonline_nolink -->
    <div class="h3">{L_WHO_IS_ONLINE}</div>
    <!-- END switch_viewonline_nolink -->
 
  <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
  <div class="qeel_section">{TOTAL_USERS_ONLINE}<br />
  {RECORD_USERS}
 
  <br />
  {LOGGED_IN_USER_LIST}
 
  {L_ONLINE_USERS}
  {L_CONNECTED_MEMBERS}<br />
  {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
  <br />
  <div id="legend">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</div>
 
  </div>
  <div class="clear"></div>
 
 
    <!-- BEGIN switch_chatbox_activate -->
    <div class="qeel_title"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
    <div class="qeel_section"><div class="page-bottom">
    {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
    {CHATTERS_LIST}<br />
    </div>
        <!-- BEGIN switch_chatbox_popup -->
        <div id="chatbox_popup"></div></div>
        <script type="text/javascript">
        insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
        </script>
        <!-- END switch_chatbox_popup -->
    <!-- END switch_chatbox_activate -->
  <!-- END disable_viewonline --></div>
 
<!-- 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}

Resulta?

Até mais. zen


Última edição por RafaelS. em 13/04/18, 10:05 pm, editado 1 vez(es) (Razão : Correção)
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3408
Pontos Ativos : 4375

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Adicionar barra de novos membros e mensagens

Mensagem por Brunelli em 13/04/18, 10:06 pm

Quase,
Ficou assim: http://prntscr.com/j5103l

Adicionou o que eu queria, mas removeu a legenda dos cargos! tem como deixar os dois e fazer a parada dos membros que colocou agora, até o final da parte branca?
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Adicionar barra de novos membros e mensagens

Mensagem por RafaelS. em 13/04/18, 10:09 pm

É eu reparei nisso, e por isso editei o meu post, mas já não foi a tempo Muito feliz

Aqui tem:

Código:
{JAVASCRIPT}
<style>
.widgetsbottom {
    margin: -6px;
}
.qeel_title a {
    color: #FFF;
}
  #legend {
    background-color: transparent;
    border: solid 1px #ddd;
    border-radius: 10px;
    display: block;
    font-size: 0;
    margin: 20px auto 0;
    text-align: center;
    width: 70%;
  height: 34px;
}
  #legend b {
    display: inline-block;
    font-size: 13px!important;
    overflow: hidden;
    padding: 10px 12px;
    position: relative;
    z-index: 2;
}
  #legend b:after {
    background-color: transparent;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all linear 600ms;
    width: 1px;
    z-index: -1;
}
  #legend b:hover:after {
    background-color: #ddd;
    transform: translate(-50%,-50%) scale(200);
}
  #fa_stats {
    background: #2E3133 none repeat scroll 0 0;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px;
    padding: 15px 0;
    text-align: center;
}
  .stat_label {
    background: #ECEDEE none repeat scroll 0 0;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
  .stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .qeel_title {
    background: #007eff none repeat scroll 0 0;
    color: #007eff;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
  .qeel_section {
    background: #FCFCFC none repeat scroll 0 0;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
</style>
<!-- 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_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </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}
 
 
{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_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
 
<br style="clear:both" />
 
 <div class="fa-custom-stats">
  <div class="widgetsbottom"><div id="fa_stats">
  <span class="stat_label">{TOTAL_POSTS} {TOTAL_TOPICS}</span><span class="text_label">Mensagens</span>
  <span class="stat_label">{TOTAL_USERS}</span><span class="text_label">Usuários registrados</span>
  <span class="stat_label">{NEWEST_USER}</span><span class="text_label">É o novo membro</span>
  </div>
  <!-- BEGIN disable_viewonline -->
 
    <!-- BEGIN switch_viewonline_link -->
    <div class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
    <!-- END switch_viewonline_link -->
 
    <!-- BEGIN switch_viewonline_nolink -->
    <div class="h3">{L_WHO_IS_ONLINE}</div>
    <!-- END switch_viewonline_nolink -->
 
  <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
  <div class="qeel_section">{TOTAL_USERS_ONLINE}<br />
  {RECORD_USERS}
 
  <br />
  {LOGGED_IN_USER_LIST}
 
  {L_ONLINE_USERS}
  {L_CONNECTED_MEMBERS}<br />
  {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
  <br />
  <div id="legend">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</div>
 
  </div>
  <div class="clear"></div>
 
 
    <!-- BEGIN switch_chatbox_activate -->
    <div class="qeel_title"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
    <div class="qeel_section"><div class="page-bottom">
    {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
    {CHATTERS_LIST}<br />
    </div>
        <!-- BEGIN switch_chatbox_popup -->
        <div id="chatbox_popup"></div></div>
        <script type="text/javascript">
        insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
        </script>
        <!-- END switch_chatbox_popup -->
    <!-- END switch_chatbox_activate -->
  <!-- END disable_viewonline --></div>
 
<!-- 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}
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3408
Pontos Ativos : 4375

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Adicionar barra de novos membros e mensagens

Mensagem por Brunelli em 13/04/18, 10:10 pm

hauhauhua agora sim cara, mais uma vez ficou perfeito, agradeço demais!
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Adicionar barra de novos membros e mensagens

Mensagem por virus em 14/04/18, 02:07 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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


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