Legenda dos grupos
2 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
Legenda dos grupos
Detalhes da questão
Endereço do fórum: http://forum123a.forumeiros.com
Versão do fórum: AwesomeBB
Descrição
Detalhes da questão
Endereço do fórum: http://forum123a.forumeiros.com
Versão do fórum: AwesomeBB
Descrição
Poderia me disponibilizar o código para deixar as legendas dos grupo dessa forma https://prnt.sc/1121jx2?
Que funcione na versão que eu uso, please.
Re: Legenda dos grupos
- 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}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle">
<i class="material-icons">assessment</i>
<div>
<!-- BEGIN switch_viewonline_link -->
<span class="headline"><a href="{U_VIEWONLINE}" style="color: #263238;" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="headline">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
{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} : {GROUP_LEGEND}</em>
</div>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
</div>
</main>
<aside id="sidebar" class="sidebar-home">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</aside>
<script type="text/javascript">
$(document).ready(function() {
if ($('#sidebar').is(':empty')) {
$('#index').css('margin', 0);
$('#sidebar').hide();
}
});
</script>
Re: Legenda dos grupos
Olá, adaptei seu template com a minha para seu o código funcionar normalmente.
- Template:
- 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}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle">
<i class="material-icons">assessment</i>
<div>
<!-- BEGIN switch_viewonline_link -->
<span class="headline"><a href="{U_VIEWONLINE}" style="color: #263238;" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="headline">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
{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 />
<div class="legenda">{GROUP_LEGEND}</div>
</div>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
</div>
</main>
<aside id="sidebar" class="sidebar-home">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</aside>
<script type="text/javascript">
$(document).ready(function() {
if ($('#sidebar').is(':empty')) {
$('#index').css('margin', 0);
$('#sidebar').hide();
}
});
</script>
- Javascript (Com investimento NO ÍNDICE):
- Código:
$(function() {
var groups = $('.legenda');
if (groups) {
for (var a = groups.find('a.gensmall'), i = 0, j = a.length, rgb, color; i < j; i++) {
color = a[i].style.color;
rgb = color.replace(/rgb\(|\)|\s/g, '').split(',');
a[i].style.backgroundColor = color;
a[i].style.padding = '3px 9px';
a[i].style.borderRadius = '3px';
a[i].style.marginRight = '.25rem';
a[i].style.color = Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) + (parseInt(rgb[2]) * 114)) / 1000) > 125 ? '#FFF' : '#FFF'
}
}
});
Convidado- Convidado
Re: Legenda dos grupos
Olá, houve efeito, porém não o esperado, segue a imagem abaixo.
https://prnt.sc/112p4ia
https://prnt.sc/112p4ia
Re: Legenda dos grupos
Perdão, pensei que sua legenda já estava pronta. Adicione/altere no seu CSS:
- Spoiler:
- Código:
.legenda {
font-size: 0px;
padding: 12px 18px;
background-color: #fff;
margin-bottom: 20px;
}
.legenda a {
font-weight: 400;
border-radius: 3px;
display: inline-block;
padding: 3px 9px;
margin: 3px;
}
.legenda b a {
font-size: 13px;
display: inline-block;
font-weight: bold;
padding-right: 5px;
}
.legenda b a::after {
content: "";
font-weight: 400;
color: #000;
}
.legenda b:last-child a::after {
content: "";
}
.gensmall, .input-subtle, .inputbox, select {
background-color: transparent;
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 3px!important;
clear: both;
display: block;
font-size: 13px;
margin-bottom: 11px;
max-width: 300px;
width: auto;
}
Convidado- Convidado
Re: Legenda dos grupos
Há como remover essa segunda legenda?
Última edição por luquinhasda10 em 03.04.21 1:08, editado 2 vez(es)
Re: Legenda dos grupos
Eu repeti os processos em meu fórum de testes e não duplicou a legenda. Há algum código CSS ou algum template modificada no seu fórum, com exceção dos que enviei?
Convidado- Convidado
Re: Legenda dos grupos
Opa amigo, eu adicionei a template no local errado, erro foi meu, muito obrigado pela ajuda!
Re: Legenda dos grupos
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
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