Modificação do "Quem está conectado"

3 participantes

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

Tópico resolvido Modificação do "Quem está conectado"

Mensagem por Icaro325 16.06.20 23:30

Detalhes da questão


Endereço do fórum: https://pepb.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição


Queria que o meu "Quem está conectado", fique assim:

Modificação do "Quem está conectado" Screen31
Icaro325

Icaro325
Nível 8

Masculino
Membro desde : 21/04/2020
Mensagens : 109
Pontos ativos : 156

https://policiacihoficial.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por pedxz 16.06.20 23:54

Olá @Icaro325,

Vou precisar do seguinte template: index_body por favor!


Aguardo uma resposta sua,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 17.06.20 13:27

Aqui:
Código:
<main id="index">
    <div class="main-inner">
        <!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->
 
            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->
 
        {CHATBOX_TOP}
        {BOARD_INDEX}
        {CHATBOX_BOTTOM}
    </div>
</main>
 
<!-- BEGIN disable_viewonline -->
<aside id="sidebar2" class="sidebar-home" style="
    margin-top: 0%;
">
    <div id="block-online" class="block-subtle">
        <i class="material-icons">assessment</i>
        <div>
            <span class="headline">{L_WHO_IS_ONLINE}</span>
 
            {TOTAL_USERS_ONLINE}<br /><br />
            {RECORD_USERS}<br />
 
            {LOGGED_IN_USER_LIST}<br />
 
            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS} <br />
 
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
            <br />
            <em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>
        </div>
    </div>
</aside>
<!-- END disable_viewonline -->
 
<script type="text/javascript">
    $(document).ready(function() {
        if (!$('#sidebar').length) {
            $('#index').css('margin', 0);
        }
    });
</script>

Feliz
Icaro325

Icaro325
Nível 8

Masculino
Membro desde : 21/04/2020
Mensagens : 109
Pontos ativos : 156

https://policiacihoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Chanp 18.06.20 2:33

Fórum em manutenção


Para que possamos dar continuidade, o seu fórum não pode estar em manutenção. Seu tópico ficará pendente até você retirar o modo de manutenção. Caso não seja retirado nos próximos dois dias, este será movido para lixeira.

Tópico pendente.

Ao retirar do modo de manutenção, avise neste tópico. Nenhuma mensagem além das suas são toleradas neste tópico até a remoção do modo.
Chanp

Chanp
Membro do fórum

Masculino
Membro desde : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 18.06.20 16:25

Pronto, retirei.
Icaro325

Icaro325
Nível 8

Masculino
Membro desde : 21/04/2020
Mensagens : 109
Pontos ativos : 156

https://policiacihoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 19.06.20 13:08

UP....
Icaro325

Icaro325
Nível 8

Masculino
Membro desde : 21/04/2020
Mensagens : 109
Pontos ativos : 156

https://policiacihoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Chanp 19.06.20 16:28

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Olá @Icaro325,

Altere o seu index_body para este:

Código:
<main id="index">
    <div class="main-inner">
        <!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->

            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->

        {CHATBOX_TOP}
        {BOARD_INDEX}
        {CHATBOX_BOTTOM}
    </div>
</main>

<!-- BEGIN disable_viewonline -->
<aside id="sidebar2" class="sidebar-home" style="margin-top: 0%;">
    <div class="block">
        <div class="stats-tabs">
            <input id="tab1" type="radio" name="tabs" checked />
            <label for="tab1">USUÁRIOS</label>
            <input id="tab2" type="radio" name="tabs" />
            <label for="tab2">ANIVERSÁRIOS</label>
            <input id="tab3" type="radio" name="tabs" />
            <label for="tab3">GRUPOS</label>
            <section id="content1">
                <p>
                    {TOTAL_USERS_ONLINE}
                </p>
                <p>
                    {RECORD_USERS}
                </p>
                <p>
                    {LOGGED_IN_USER_LIST}
                </p>
                <p>
                    {L_CONNECTED_MEMBERS}
                </p>
            </section>
            <section id="content2">
                <p>
                    {L_WHOSBIRTHDAY_TODAY}
                </p>
                <p>
                    {L_WHOSBIRTHDAY_WEEK}
                </p>
            </section>
            <section id="content3">
                <p>
                <div class="legend">{GROUP_LEGEND}</div>
                </p>
            </section>
        </div>
    </div>
</aside>
<!-- END disable_viewonline -->

<script type="text/javascript">
    $(document).ready(function() {
        if (!$('#sidebar').length) {
            $('#index').css('margin', 0);
        }
    });
</script>

Em seguida, adicione na sua folha de estilo o seguinte código:

Código:
/*BEGIN Who's online*/
a.gensmall {border: none;}
.block {width: 100%;display: block;float: left;border-radius: 3px;background-color: #fff;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);font-size: 13px;padding: 16px;}
.block a:link,.block a:visited {color: #444;}
.block .h3 { font-size: 20px;border: none;}
.block .h3 i {height: 28px;line-height: 30px;margin-right: 10px;color: #fff;}
.stats-tabs br {display:none;}
.stats-tabs section {display: none;padding: 20px 0 0;}
.stats-tabs input { display: none; }
.stats-tabs label {display: inline-block;margin: 0 0 -1px;padding: 15px 25px;font-weight: 600;text-align: center;color: #A0B8B5;}
.stats-tabs label:before {font-family: "Font Awesome 5 Free";margin-right: 10px;}
.stats-tabs label[for*='1']:before { content: '\f0c0'; }
.stats-tabs label[for*='2']:before { content: '\f1fd'; }
.stats-tabs label[for*='3']:before { content: '\f187'; }
.stats-tabs label:hover {color: darkcyan;cursor: pointer;}
.stats-tabs input:checked + label {color: darkcyan;border-top: 2px solid darkcyan;border-left: 1px solid #A0B8B5;border-right: 1px solid #A0B8B5;border-bottom: 1px solid #fff;}
.stats-tabs #tab1:checked ~ #content1,.stats-tabs #tab2:checked ~ #content2,.stats-tabs #tab3:checked ~ #content3 { display: block; }
@media screen and (max-width: 800px) {.stats-tabs label {font-size: 0;}
.stats-tabs label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 500px) {.stats-tabs label {padding: 15px;}}
.block .legend { font-size: 0px; }
.block .legend b a {font-size: 13px;font-weight: 600;}
.block .legend b a::after {content: ", ";font-weight: 400;color: #fff;}
.block .legend b:last-child a::after { content: ""; }
.block .legend {display: inline-flex;white-space:break-spaces;}
#content1, #content2 {line-height: 3;}
.stats-tabs section {border-top: 1px solid #A0B8B5;}
/*END Who's online*/

Resolve sua questão?
Chanp Rosa
Chanp

Chanp
Membro do fórum

Masculino
Membro desde : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 19.06.20 17:07

Funcionou, obrigado.
Icaro325

Icaro325
Nível 8

Masculino
Membro desde : 21/04/2020
Mensagens : 109
Pontos ativos : 156

https://policiacihoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação do "Quem está conectado"

Mensagem por Chanp 19.06.20 17:09

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Membro do fórum

Masculino
Membro desde : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

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