Modificar o "Quem está conectado?" Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Modificar o "Quem está conectado?"

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 27.06.21 3:37

Detalhes da questão


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

Descrição


Eu quero o quem está conectado modificado:
padrão:
Código:
Quem está conectado?
Há 1 usuário online :: 1 registrado, 0 invisíveis e 0 visitantes
O recorde de usuários online foi de 6 em Sex 18 Jun 2021 - 18:08
Usuários registrados : zProfessor


Nenhum membro festeja seu aniversário hoje
Nenhum membro festeja seu aniversário nos próximos 7 dias
Legenda: [ Master ][ Diretor ][ Administrador ][ Moderador GC ][ Moderador + ][ Moderador ][ Ajudante ][ Moderadores Do Forum ][ [Vip] Dark ][ [Vip] Sombrio ][ [Vip] Obscure ][ Youtuber ][ Membro ]
Modificado:
Código:
Rede Obscure
Usuários Online : zProfessor

[b]Master Diretor  Administrador  Moderador GC  Moderador + Moderador  Ajudante  Moderadores Do Forum  [Vip] Dark  [Vip] Sombrio  [Vip] Obscure  Youtuber  Membro[/b]
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 27.06.21 15:03

Olá @PauloVinicios1755,

Caso o seu index_body (Template em Geral) não esteja editado altere para:
Código:
<style>
    .block-group-legend,
    .block-logged-in-user-list p {
    font-size: 0;
}
  .block-group-legend b,
  .block-logged-in-user-list p a[href^="/u"],
  .block-logged-in-user-list p b {
    font-size: 12px;
}
  .block-logged-in-user-list .h3 + br,
  .block-logged-in-user-list p br{
    display: none;
}
  .block-group-legend b:not(:last-child),
  .block-logged-in-user-list p a[href^="/u"]:not(:last-child) {
    padding-right: 1rem;
}
</style>
{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {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>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <!-- 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 -->
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
   <div class="block block-logged-in-user-list">
      <!-- BEGIN switch_viewonline_link -->
         <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>Rede Obscure</a></div>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
         <div class="h3"><i class="ion-stats-bars"></i>Rede Obscure</div>
      <!-- END switch_viewonline_nolink -->
          <p><b>Usuários Online: </b>{LOGGED_IN_USER_LIST}</p>



      <div class="block-footer block-group-legend"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>
   </div>

   <!-- BEGIN switch_chatbox_activate -->
      <div class="block">
         <div class="h3">
            <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
            <!-- BEGIN switch_chatbox_popup -->
               <div id="chatbox_popup"></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 -->
         </div>
         {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
      </div>
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {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>
</div>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}
Se sim, passe-me a sua edição para modificar.

Demonstração

Modificar o "Quem está conectado?" Asd10


Atenciosamente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 27.06.21 17:03

funcionou perfeitamente agradeço desde já, mais tem como deixar os grupos com brilho e o mesma animação do meu nick?
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 27.06.21 17:22

PauloVinicios1755 escreveu: tem como deixar os grupos com brilho e o mesma animação do meu nick?
Localize na sua folha de estilo:
Código:
a[href^="/u"] span[style^="color:#FF8C00"] {
e substitua
Código:
a[href^="/u"] span[style^="color:#FF8C00"],
a[href^="/g1-"] {
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 30.06.21 14:45

o código funcionou mas quando e vou fazer com o outro grupo simplesmente o efeito para de funcioar em todos os grupos
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 01.07.21 19:47

PauloVinicios1755 escreveu:vou fazer com o outro grupo simplesmente o efeito para de funcioar em todos os grupos
Qual é o código que o senhor usou? Pode passar para uma melhor agilidade no suporte?
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 02.07.21 13:41

Código:
/*COR GRUPO LEGENDA*/
a[href^="/u"] span[style^="color:#FF8C00"],
a[href^="/g1-"] {
/*FIM COR GRUPO LEGENDA*/
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 04.07.21 12:37

Altere para:
Código:
.color-groups[style$="#1ABC9C"],
.postprofile-name span[style$="#1ABC9C"],
a[href^="/u"] span[style$="#1ABC9C"],
a[href^="/g1-"] {

}
Adaptei para caso o membro não esteja conectado ao fórum possa ver o efeito!
Para adicionar mais grupos basta duplicar o código ficando:
Código:
.color-groups[style$="#1ABC9C"],
.postprofile-name span[style$="#1ABC9C"],
a[href^="/u"] span[style$="#1ABC9C"],
a[href^="/g1-"],
.color-groups[style$="#FF54FF"],
.postprofile-name span[style$="#FF54FF"],
a[href^="/u"] span[style$="#FF54FF"],
a[href^="/g3-"] {

}
Ou se quiser com propriedades diferentes:
Código:
.color-groups[style$="#1ABC9C"],
.postprofile-name span[style$="#1ABC9C"],
a[href^="/u"] span[style$="#1ABC9C"],
a[href^="/g1-"] {

}

.color-groups[style$="#FF54FF"],
.postprofile-name span[style$="#FF54FF"],
a[href^="/u"] span[style$="#FF54FF"],
a[href^="/g3-"] {

}
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 04.07.21 20:52

olá @pedxz simplesmente perdeu o feito mais a animação. para adiantar vou le passar toda min folha de estilo css

Código:
.postprofile-avatar img {
height: unset;
width: unset; 
max-height: 300px;
max-width: 150px;
border-radius: 10px !important;
border: 1px solid darkgray !important;
}
.post-head {
    background-color: #3D3C3D !important;
}
.post-head {
    border-width: 0 !important;
}
/*COR GRUPO LEGENDA*/
.color-groups[style$="#FF8C00"],
.postprofile-name span[style$="#FF8C00"],
a[href^="/u"] span[style$="#FF8C00"],
a[href^="/g1-"],
.color-groups[style$="##FF8C00"],
.postprofile-name span[style$="#FF8C00"],
a[href^="/u"] span[style$="#FF8C00"],
a[href^="/g3-"] {

}
/*ICONE GRUPOS*/
a[href="/g1-master"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g3-gerente"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g4-administrador"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g11-moderador-gc"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g5-moderador"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g6-moderador"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g7-ajudante"]:before {
    content: url('https://i.imgur.com/kprZLRG.png');
}
a[href="/g8-vip-dark"]:before {
    content: url('https://i.imgur.com/UULPSDH.png');
}
a[href="/g9-vip-sombrio"]:before {
    content: url('https://i.imgur.com/qKISTKF.png');
}
a[href="/g10-vip-obscure"]:before {
    content: url('https://i.imgur.com/erw5hrg.png');
}
/*FIM ICONES GRUPOS*/
div#site-desc {
    display: none;
}
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 05.07.21 18:55

Mais ai o senhor tirou a personalização; Altere o seu CSS para:
Código:
.postprofile-avatar img {
height: unset;
width: unset;
max-height: 300px;
max-width: 150px;
border-radius: 10px !important;
border: 1px solid darkgray !important;
}
.post-head {
    background-color: #3D3C3D !important;
}
.post-head {
    border-width: 0 !important;
}
/*COR GRUPO LEGENDA*/
.color-groups[style$="#FF8C00"],
.postprofile-name span[style$="#FF8C00"],
a[href^="/u"] span[style$="#FF8C00"],
a[href^="/g1-"],
.color-groups[style$="##FF8C00"],
.postprofile-name span[style$="#FF8C00"],
a[href^="/u"] span[style$="#FF8C00"],
a[href^="/g3-"] {
  background: url(https://i.imgur.com/FgKNYTV.gif);
  text-shadow: 2px 0 11px CurrentColor;
}
/*ICONE GRUPOS*/
a[href="/g1-master"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g3-gerente"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g4-administrador"]:before {
    content: url('https://i.imgur.com/oFzkMiG.png');
}
a[href="/g11-moderador-gc"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g5-moderador"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g6-moderador"]:before {
    content: url('https://i.imgur.com/UjYhwkl.png');
}
a[href="/g7-ajudante"]:before {
    content: url('https://i.imgur.com/kprZLRG.png');
}
a[href="/g8-vip-dark"]:before {
    content: url('https://i.imgur.com/UULPSDH.png');
}
a[href="/g9-vip-sombrio"]:before {
    content: url('https://i.imgur.com/qKISTKF.png');
}
a[href="/g10-vip-obscure"]:before {
    content: url('https://i.imgur.com/erw5hrg.png');
}
/*FIM ICONES GRUPOS*/
div#site-desc {
    display: none;
}
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 06.07.21 2:53

quando vai ver em algum tópico só fica o brilho no texto nao aparece animação! sabe como resolver pfv?
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por Lobs 07.07.21 21:25

Boa tarde, @PauloVinicios1755

Aproveitando o código do @pedxz, adicione este no fim da sua folha CSS:

Código:
.postprofile-name a[href] {
    background: url(https://i.imgur.com/FgKNYTV.gif);
}

Também peço que não marque minha resposta como solução do problema, e sim a resposta do Pedxz que solucionou efetivamente o problema com a parte "Quem está conectado".

Atenciosamente,
Lobs zen
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por PauloVinicios1755 08.07.21 16:46

peço obrigado ao @Lobs e @pedxz que solucionaram meu problema <3 vocês são os melhores desculpa por ocupar o vosso tempo
PauloVinicios1755
PauloVinicios1755
****

Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar o "Quem está conectado?"

Mensagem por tikky 08.07.21 18:21

Tópico resolvido


Movido para "Questões resolvidas".
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos