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
Página 1 de 1
Modificar o "Quem está conectado?"
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 ]
- 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]
Re: Modificar o "Quem está conectado?"
Olá @PauloVinicios1755,
Caso o seu index_body (Template em Geral) não esteja editado altere para:
Demonstração
Atenciosamente,
pedxz.
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> {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}: {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}
Demonstração
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
Re: Modificar o "Quem está conectado?"
funcionou perfeitamente agradeço desde já, mais tem como deixar os grupos com brilho e o mesma animação do meu nick?
Re: Modificar o "Quem está conectado?"
Localize na sua folha de estilo:PauloVinicios1755 escreveu: tem como deixar os grupos com brilho e o mesma animação do meu nick?
- Código:
a[href^="/u"] span[style^="color:#FF8C00"] {
- Código:
a[href^="/u"] span[style^="color:#FF8C00"],
a[href^="/g1-"] {
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
Re: Modificar o "Quem está conectado?"
o código funcionou mas quando e vou fazer com o outro grupo simplesmente o efeito para de funcioar em todos os grupos
Re: Modificar o "Quem está conectado?"
Qual é o código que o senhor usou? Pode passar para uma melhor agilidade no suporte?PauloVinicios1755 escreveu:vou fazer com o outro grupo simplesmente o efeito para de funcioar em todos os grupos
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
Re: Modificar o "Quem está conectado?"
- Código:
/*COR GRUPO LEGENDA*/
a[href^="/u"] span[style^="color:#FF8C00"],
a[href^="/g1-"] {
/*FIM COR GRUPO LEGENDA*/
Re: Modificar o "Quem está conectado?"
Altere para:
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-"] {
}
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-"] {
}
- 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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
Re: Modificar o "Quem está conectado?"
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;
}
Re: Modificar o "Quem está conectado?"
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
Re: Modificar o "Quem está conectado?"
quando vai ver em algum tópico só fica o brilho no texto nao aparece animação! sabe como resolver pfv?
Re: Modificar o "Quem está conectado?"
Boa tarde, @PauloVinicios1755
Aproveitando o código do @pedxz, adicione este no fim da sua folha CSS:
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](/users/2612/28/77/07/smiles/232997.gif)
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](/users/2612/28/77/07/smiles/232997.gif)
Re: Modificar o "Quem está conectado?"
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7915
Pontos : 9144
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Modificar o quem está conectado
» Modificar zona quem está conectado
» Modificar o texto da área quem está conectado
» Pode ser que o quem esta conectado está com erro?
» Quem está conectado
» Modificar zona quem está conectado
» Modificar o texto da área quem está conectado
» Pode ser que o quem esta conectado está com erro?
» Quem está conectado
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
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos