Widget de policiais online

[Saintness]

Detalhes da questão

Endereço do fórum: http://sistemacrp.forumeiros.com
Versão do fórum: ModernBB

Descrição

 Saudações,
gostaria de ter o widget de Policiais online no meu fórum, como esses: (https://prnt.sc/x3hhcj).
(Ele fica passando da direita à esquerda)
Desde já agradeço e aguardo.

[Strilk]

Me envie seu início do footer, por favor.

[Saintness]

Código:

<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>

<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>

            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            </div>
         </div>
      </div>
   </div>
</div>
         </div>
      </div>
   </div>
</div>

<div class="fa-footer">
  <div class="fa-footer-row">
    <div class="fa-footer-col fa-primary-footer-col">
      <div class="fa-footer-logo">
        <img src="https://i.servimg.com/u/f83/19/58/12/30/16105811.png" width="104" height="105" class="logo"/>
      </div>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-map-marked-alt"></i> Objetivo</strong>
      <p> O objetivo da Polícia CRP é combater qualquer irregularidade que se encontra no Habblet Hotel, ensinando valor aos nossos policiais por meio de aprendizados e trabalhos em equipe de maneira a formar bons membros e, consequentemente, bons cidadãos virtuais e reais. </p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
      <p> Ser referência no ramo policial do Habblet Hotel, com qualidade na gestão e serviços, motivando sempre os seus militares a seguirem os seus objetivos e focos da melhor forma possível.

 HISTÓRIA
 </p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-history"></i> História</strong>
      <p> O Centro Revolucionário Policial foi fundado em 12 de Janeiro de 2021 por Sawalt com o intuito de desenvolver o lado militar e universal de todos os colaboradores. Prezamos tudo isso com o slogan: Pela honra e pela glória. </p>
    </div>
   
  </div>

<div id="page-footer">
   <div class="wrap">
      <ul class="footerbar-system">
         <li class="footer-home">
            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
         </li>
         <li class="rightside">
                          <a>Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por <a href="https://www.habbo.com.br/profile/blade15">Diogo Tomás (blade15). | </a>
                         
<!-- BEGIN html_validation -->
         </li>
   </div>
</div>
<!-- END html_validation -->

[Strilk]

Torque seu início do footer por esse:

Código:

                <!-- BEGIN html_validation -->
                <div>
                  <div>
                      <div>
                        <div>
           
                <div>
                  <div>
                      <div>
                        <div>
                            <div>
                              <div>
                                  <div>
                                    <div>
                <!-- END html_validation -->
                                    </div>
                                  </div>
                              </div>
                            </div>
           
                        </div>
                      </div>
                  </div>
                </div>
                        </div>
                      </div>
                  </div>
                </div>
           
                <div class="fa-footer">
                  <div class="fa-footer-row">
                    <div class="fa-footer-col fa-primary-footer-col">
                      <div class="fa-footer-logo">
                        <img src="https://i.servimg.com/u/f83/19/58/12/30/16105811.png" class="logo"/>
                      </div>
                      </a>
                    </div>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-map-marked-alt"></i> Objetivo </strong>
                    <p> O objetivo da Polícia CRP é combater qualquer irregularidade que se encontra no Habblet Hotel, ensinando valor aos nossos policiais por meio de aprendizados e trabalhos em equipe de maneira a formar bons membros e, consequentemente, bons cidadãos virtuais e reais. </p>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
                      <p> Ser referência no ramo policial do Habblet Hotel, com qualidade na gestão e serviços, motivando sempre os seus militares a seguirem os seus objetivos e focos da melhor forma possível. </p>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-history"></i> História</strong>
                    <p> O Centro Revolucionário Policial foi fundado em 12 de Janeiro de 2021 por Sawalt com o intuito de desenvolver o lado militar e universal de todos os colaboradores. Prezamos tudo isso com o slogan: Pela honra e pela glória. </p>
                    </div>
             
                  </div>
                          <div style="height: 50px;display: flex;align-items: center;">
                            <div class="wrap">
                              <!-- BEGIN giefmod_index2 -->
                              {giefmod_index2.MODVAR}
                              <!-- END giefmod_index2 -->
                                </div>
                          </div>
           
                  <div id="page-footer">
                  <div class="wrap" style="display: none">
                  </div>
                    <div id="footer-copyright">
 <div id="site-footer">
 <div class="footer-right">
 <ul>
 <li>Desenvolvido por Diogo Tomás (blade15).  </li>
</ul>
<ul class="footerbar-system" style="padding:0">
</li>
 <li class="footer-home">
                            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
                        </li>
 <li class="rightside">
                <!-- BEGIN html_validation -->
 </li>
 </ul>
 </div>
 </div>
 </div>
                </div>
                <!-- END html_validation -->

agora vá em templates --> Portal --> mod_whoisonline e troque por:

Código:

        <span class="total-users-online">{TOTAL_USERS_ONLINE}</span> policiais no site: <marquee onmouseover="stop()" onmouseout="start()" width="80%">{LOGGED_IN_USER_LIST}</marquee>
       
        <style>
          .total-users-online strong {
            font-size: initial;
            padding-right: .25rem;
        }
        .total-users-online {
            font-size: 0;
        }
        </style>

após isso vá em módulos --> Gestão dos Widgets do fórum.
Siga os seguintes passos: Marque sim na opção: exibir os widgets do fórum e retire todos os widgets caso tenha algum postado, logo após isso vá em Largura coluna 1 (esquerda) : e marque 0
Largura coluna 3 (direita) : e marque 180
Distância entre dois widgets : marque 5
Largura entre as colunas : marque 2

após isso coloque o widget com o nome: quem está conectado na coluna da direita (>)

[Saintness]

Saudações,
acabou meio que quebrando o fim do footer (https://prnt.sc/x3o9wh)
Não falta algo na CSS?

[Strilk]

Muito bem, tente esse :

Código:

<!-- BEGIN html_validation -->
                <div>
                  <div>
                      <div>
                        <div>
           
                <div>
                  <div>
                      <div>
                        <div>
                            <div>
                              <div>
                                  <div>
                                    <div>
                <!-- END html_validation -->
                                    </div>
                                  </div>
                              </div>
                            </div>
           
                        </div>
                      </div>
                  </div>
                </div>
                        </div>
                      </div>
                  </div>
                </div>
           
                <div class="fa-footer">
                  <div class="fa-footer-row">
                    <div class="fa-footer-col fa-primary-footer-col">
                      <div class="fa-footer-logo">
                        <img src="seu logo" class="logo"/>
                      </div>
                      <div id="socialnetwork">
                        <a href="https:twitter.com" target="_blank" title="Twitter">
                          <img src="link" alt="Twitter">
                        <a/>
                   
                    </div>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-map-marked-alt"></i> Missão</strong>
                      <p> A definir... </p>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
                      <p> A definir... </p>
                    </div>
                    <div class="fa-footer-col">
                      <strong class="lead"><i class="fas fa-history"></i> História</strong>
                      <p> A definir. </p>
                    </div>
             
                  </div>
                          <div style="height: 50px;background-color: #262a2c;display: flex;align-items: center;">
                            <div class="wrap">
                              <!-- BEGIN giefmod_index2 -->
                              {giefmod_index2.MODVAR}
                              <!-- END giefmod_index2 -->
                                </div>
                          </div>
           
                <div id="page-footer">
                  <div class="wrap">
                      <ul class="footerbar-system">
                        <li class="footer-home">
                            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
                        </li>
                        <li class="rightside">
                                          <a>Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por <a href="https://www.habbo.com.br/profile/blade15">Diogo Tómas (blade15). | </a>
                                   
                <!-- BEGIN html_validation -->
                        </li>
                  </div>
                </div>
                <!-- END html_validation -->

[Saintness]

Ok! Pode fechar, obrigado.

[tikky]

Tópico resolvido Movido para "Questões resolvidas".