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:

Olá @Icaro325,

Vou precisar do seguinte template: index_body por favor!


Aguardo uma resposta sua,
pedxz.

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>

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.

Pronto, retirei.

UP....

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

Funcionou, obrigado.