Modificação do "Quem está conectado"

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

Atendido / 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
Inscrito dia : 21/04/2020
Mensagens : 109
Pontos Ativos : 156

https://policiacihoficial.forumeiros.com/

Atendido / 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.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947

Atendido / 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
Inscrito dia : 21/04/2020
Mensagens : 109
Pontos Ativos : 156

https://policiacihoficial.forumeiros.com/

Atendido / 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
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 18.06.20 16:25

Pronto, retirei.
Icaro325

Icaro325
Nível 8

Masculino
Inscrito dia : 21/04/2020
Mensagens : 109
Pontos Ativos : 156

https://policiacihoficial.forumeiros.com/

Atendido / Resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 19.06.20 13:08

UP....
Icaro325

Icaro325
Nível 8

Masculino
Inscrito dia : 21/04/2020
Mensagens : 109
Pontos Ativos : 156

https://policiacihoficial.forumeiros.com/

Atendido / 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
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Modificação do "Quem está conectado"

Mensagem por Icaro325 19.06.20 17:07

Funcionou, obrigado.
Icaro325

Icaro325
Nível 8

Masculino
Inscrito dia : 21/04/2020
Mensagens : 109
Pontos Ativos : 156

https://policiacihoficial.forumeiros.com/

Atendido / 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
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

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