Ícone no grupo e aos membros do grupo

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 08.08.21 22:27

Detalhes da questão


Endereço do fórum: https://policiadme.forumeiros.com/forum
Versão do fórum: AwesomeBB

Descrição


Olá!

Estou tendo bastante dificuldade pra resolver meu problema de colocar um ícone do FontAwesome no prefixo de um grupo e no integrante do grupo.
Segui o passo a passo destes tópicos mas não resultou em nada:
https://ajuda.forumeiros.com/t113631-adicionar-icone-no-nome-do-grupo
https://ajuda.forumeiros.com/t106347-tutorial-adicionar-icones-antes-do-grupo

Independente do que eu faça, o ícone não aparece, ele é representado por um quadrado e ou ele fica só no grupo ou só no membro do grupo, prints abaixo:
https://prnt.sc/1lafr4d
https://prnt.sc/1lafwrm

Também vou deixar aqui o spoiler da minha folha de css e o código do overall_header

CSS:

Código:
.Requerimentos {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
background-color:#f9f9f9;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:8px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.Requerimentos:hover {
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
background-color:#e9e9e9;
}
.myRequerimentos:active {
position:relative;
top:1px;
}

#borderDemo {
border: 20px outset #3C6E54;
border-radius: 15px;
}

#demo {
background: #EDEDED url("/images/smiley.png") no-repeat scroll 0px 0px;
}
#demotext {
color: #3C6E54;
background: #EDEDED;
text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
color: #3C6E54;
background: #EDEDED;
}
#demotext2 {
color: #041A00;
background: #EDEDED;
text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
color: #041A00;
background: #EDEDED;
}

.folha1 {
box-shadow: 0px 10px 14px -7px #3c6e54;
background:linear-gradient(to bottom, #3c6e54 5%, #3c6e54 100%);
background-color:#3c6e54;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:20px;
font-weight:bold;
padding:13px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #000000;
}
.folha1:hover {
background:linear-gradient(to bottom, #3c6e54 5%, #3c6e54 100%);
background-color:#3c6e54;
}
.folha1:active {
position:relative;
top:1px;
}
a[href^="/g94-"],
a[href^="/u"] span[style*="#B254F0"] {
   background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
   -webkit-background-clip: text;
   background-size: 1800% 1800%;
   -webkit-text-fill-color: transparent;
   animation: rainbow 3s ease infinite;
}

@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
a.gensmall[style="color: #B254F0"]:before {
 content: '\f005 \00A0';
 font-family: 'fontawesome';
}

overall_header:

Código:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
   <meta charset="{S_CONTENT_ENCODING}" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->

   {META_FAVICO}
   {META}
   <link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css/"
   {META_FB_LIKE}

   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

   {T_HEAD_STYLESHEET}

   <meta name="theme-color" content="{GG_THEME_COLOR}" />

   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />

   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->

   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker -->
   <script type="text/javascript">
       //<![CDATA[
        $(document).ready(function () {
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
            });
        });
        //]]>
   </script>
   <!-- END switch_ticker -->
   <script type="text/javascript">
       $(document).scroll(function() {
           var y = $(this).scrollTop();
           if (y > 164) {
               if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                   $('.btn-fixed').addClass('btn-scrolled');
               }
           } else {
               if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                   $('.btn-fixed').removeClass('btn-scrolled');
               }
           }
       });
   </script>
   <!-- BEGIN switch_enable_pm_popup -->
   <script type="text/javascript">
       //<![CDATA[
        $(document).ready(function () {
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if (pm != null) {
                pm.focus();
            }
        });
        //]]>
   </script>
   <!-- END switch_enable_pm_popup -->
   <!-- BEGIN switch_login_popup -->
   <script type="text/javascript">
       //<![CDATA[
    var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
    logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

    $(document).ready(function () {
        $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
                "left": windowWidth / 2 - popupWidth / 2
            });
        });
    });
        //]]>
   </script>
   <!-- END switch_login_popup -->

   {RICH_SNIPPET_GOOGLE}
   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
       gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
       <!-- BEGIN google_analytics_code_bis -->
       gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
       <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->

   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
   <style>
       #logo-text {
           max-width: calc(100% - 150px);
       }

       .forum-description img {
           max-width: calc(100% - 15px);
       }
   </style>
</head>

<body id="top">
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10001 !important;">
   <div class="headline">
       {SITENAME}
       <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
   </div>
   <div id="login_popup_content">
       <div id="login_popup_message">
           {LOGIN_POPUP_MSG}
       </div>
       <br />
       <div id="login_popup_buttons">
           <!-- BEGIN switch_quick_login -->
<div class="mt10">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
&nbsp;
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</div>
           <br/>
           <!-- END switch_quick_login -->
           <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
               <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
           </form>
       </div>
   </div>
</div>
<!-- END switch_login_popup -->

{GREETING_POPUP}

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;">
   <div class="headline">
       {inactive_users_modal.L_MODAL_TITLE}
       <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button>
   </div>
   <div id="inactive_popup_message">
       {inactive_users_modal.L_MODAL_BODY}
   </div>
   <br />
   <div id="inactive_popup_buttons">
       <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
   </div>
</div>
<script type="text/javascript">
   $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
       document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
       $('#inactive_popup').hide(50);
   });
   $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
       document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
       location.href = '{inactive_users_modal.U_MODAL}'
   })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" class="block-subtle" style="z-index: 10001 !important;">
   <div class="headline">
       {SITENAME}
       <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button>
   </div>
   <div id="like_popup_message">
       {LIKE_POPUP_MSG}
   </div>
   <br />
   <div id="like_popup_buttons">
       <form action="{S_LOGIN_ACTION}" method="get">
           <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
           <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
       </form>
   </div>
</div>
<!-- END switch_like_popup -->
<header>
   <div id="main-menu-btn">
       <i class="material-icons">menu</i>
   </div>
   <a id="logo-link" href="{U_INDEX}">
       <div id="logo">
           <!-- BEGIN switch_logo_mob -->
           <img src="{switch_logo_mob.LOGO_MOB}" alt="{L_INDEX}" loading="lazy" />
           <!-- END switch_logo_mob -->
       </div>
     
   </a>
   <!-- BEGIN switch_user_logged_out -->
   <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="javascript:void(0)" id="header-user"></a>
   <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>
   <!-- END switch_user_logged_in -->
   <form method="get" action="{ACTION_SEARCH}" id="search-main">
       <input type="text" name="search_keywords" maxlength="128" placeholder="{L_SEARCH}" />
       <button type="submit"><i class="material-icons">search</i></button>
   </form>
   <ul id="header-navigation">
     <li><a id="navigation" href="/forum">Início <i class="material-icons">home</i>{L_FORUM}</a></li>
     <li><a id="navigation" href="/portal">Portal <i class="material-icons">web</i>{L_FORUM}</a></li>
     <li><a id="navigation" href='https://policiadmehb.wixsite.com/website-1'>Blog  <i class="material-icons">question_answer</i></a></li>
     <li><a id="header-navigation" href='https://policiadme.forumeiros.com/h29-central-de-requerimentos'>CRH <i class="material-icons">contact_page</i></a></li>
 
 </ul>

</header>

<div id="main-menu" class="hidden">
   <div class="main-menu-headline">{SITENAME}</div>
</div>

<div id="main-user-menu" class="hidden">
</div>

<div id="notif-menu" class="hidden">
   <div class="main-menu-headline" data-text="_lang['Notifications']"></div>
   <ul id="notif_list">
       <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li>
   </ul>
   <div id="live_notif">
   </div>
</div>

<div id="header-banner">
   <div class="wrap">
       <!-- BEGIN switch_desc -->
       <h2 style="transition: none !important; opacity: 0;">{switch_desc.SITE_DESCRIPTION}</h2>
       <!-- END switch_desc -->
   </div>
</div>
<div id="wrap">

   <!-- BEGIN switch_ticker -->
   <div id="fa_ticker_block">
       <div class="module">
           <div class="inner">
               <div id="fa_ticker_container">
                   <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                       <div class="fa_ticker_content">
                           <!-- BEGIN ticker_row -->
                           <div>{switch_ticker.ticker_row.ELEMENT}</div>
                           <!-- END ticker_row -->
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- END switch_ticker -->

   <!-- BEGIN html_validation -->
</div><!-- <div id="wrap" /> -->
</body>
</html>
<!-- END html_validation -->

O que eu queria é deixar o ícone aparecendo no grupo e também para os membros dele.
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Connor R. 09.08.21 2:28

O erro está na parte do content do css, veja abaixo.

Código:
a.gensmall[style="color: #B254F0"]:before {
 content: '\f005 \00A0';
 font-family: 'fontawesome';
}

O senhor colocou dois ícones '\f005 \00A0', mas é apenas um. Escolha um e coloue entre aspas.
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1212
Pontos ativos : 1955

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 09.08.21 2:57

@Connor R. escreveu:O erro está na parte do content do css, veja abaixo.

Código:
a.gensmall[style="color: #B254F0"]:before {
 content: '\f005 \00A0';
 font-family: 'fontawesome';
}

O senhor colocou dois ícones '\f005 \00A0', mas é apenas um. Escolha um e coloue entre aspas.

No caso, ficaria assim o código?

Código:
a.gensmall[style="color: #B254F0"]:before {
  content: '\f005';
  font-family: 'fontawesome';

porque se for, testei agora e o resultado foi o mesmo de antes, o ícone era pra ser uma estrela preenchida, e anda aparece somente no grupo, não fica para os membros dele também.

print: https://prnt.sc/1leveg3
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Lobs 09.08.21 16:55

Olá, Aluado.

Por favor, substitua o código do colega Connor R. pelo seguinte:

Código:
a.gensmall[style="color: #B254F0"]:before, span[style="color:#B254F0"][class="color-groups"]:before {
content: '\f005';
font-family: 'fontawesome';
}

Atenciosamente,
Lobs zen


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Lobs - Ajudeiro
Lobs

Lobs
Ajudeiro
Ajudeiro

Masculino
Membro desde : 02/06/2013
Mensagens : 297
Pontos ativos : 338

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 09.08.21 17:42

Olá, @Aluuadoo !

Caso nenhum dos códigos acima funcione, tente trocando o código:

Código:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

por:

Código:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

em seu overall_header.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 284
Pontos ativos : 426

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 09.08.21 21:00

Olá, @Lobs!

Obrigado pela resposta, e infelizmente deu a mesma coisa, o grupo fica com o ícone aparece somente no grupo e como se não fosse reconhecido pelo site:

https://prnt.sc/1luuyu5




@-Xerox- é isso! Funcionou parcialmente, o ícone aparece como deveria aparecer no grupo, porém continua aparecendo só no grupo, o membro do grupo fica sem o ícone no prefixo do nick. Acha que é possível resolver?

No mais, obrigado aos dois pela ajuda!

https://prnt.sc/1lux63x




Edit1: Outra coisa que deu conflito: Eu quero colocar ícones em mais grupos, porém, quando adiciono, os usuários de um grupo ficam com o ícone de outro. Resumindo, quem faz parte do grupo "Supremacia" fica com o ícone do último código que adicionei na folha de CSS.

Print1: https://prnt.sc/1mdv8jy
Print2: https://prnt.sc/1mdvmkp

Código::
Código:
a[href^="/g94-"],
a[href^="/u"] span[style*="#B254F0"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
a.gensmall[style="color: #B254F0"]:before, span[style="color:#B254F0"][class="color-groups"]:before {
content: '\f005  ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #466E46"]:before, span[style="color:#B254F0"][class="color-groups"]:before {
content: '\f21b  ';
font-family: 'fontawesome';
}
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 11.08.21 17:55

Olá,  @Aluuadoo !

Retire todos os códigos citados acima que foram adicionados ao seu CSS e troque por:

Código:
a[style*="#B254F0"], span[style*="#B254F0"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
div [style*="#B254F0"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f005';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

E aos demais grupos que não deseja adicionar cores "rainbow", adicione:

Código:
a[style*="COR DO GRUPO"], span[style*="COR DO GRUPO"] {
    font-weight: bold;
}
div [style*="COR DO GRUPO"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f0e3';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

e substitua as marcações destacadas como "COR DO GRUPO". Lembrando que deve trocar '\f0e3' pelo código do ícone da FontAwesome.

Qualquer dúvida, só criar um tópico.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 284
Pontos ativos : 426

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 11.08.21 22:51

Olá @-Xerox-

Os conflitos que eu estava tendo foram todos resolvidos, obrigado! Porém, o grupo que deveria ficar com o efeito "rainbow" fica estático na cor vermelha, assim como seus membros.

Print1: https://prnt.sc/1n1p3sw

Código:
Código:
a[style*="#B254F0"], span[style*="#B254F0"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
div [style*="#B254F0"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f24e';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
a[style*="#000000"], span[style*="#000000"] {
    font-weight: bold;
}
div [style*="#000000"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f0e3';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
a[style*="#466E46"], span[style*="#466E46"] {
    font-weight: bold;
}
div [style*="#466E46"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f21b';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
a[style*="#8A0000"], span[style*="#8A0000"] {
    font-weight: bold;
}
div [style*="#8A0000"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f714';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
a[style*="#663300"], span[style*="#663300"] {
    font-weight: bold;
}
div [style*="#663300"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f2c2';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
a[style*="#36B5E3"], span[style*="#36B5E3"] {
    font-weight: bold;
}
div [style*="#36B5E3"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f51c';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 12.08.21 0:14

Olá, @Aluuadoo !

Vá em sua folha de estilo e desative a opção "Melhorar seu CSS". Creio que isso não irá prejudicar nas questões visuais de seu fórum, mas se prejudicar, peço que crie uma questão para que possam estar resolvendo.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 284
Pontos ativos : 426

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 12.08.21 0:51

@-Xerox- a opção já esta marcada como não, assim como as outras duas acima dela. Farei o que disse, obrigado pela ajuda!

Podem fechar.
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Lobs 12.08.21 1:40

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Lobs - Ajudeiro
Lobs

Lobs
Ajudeiro
Ajudeiro

Masculino
Membro desde : 02/06/2013
Mensagens : 297
Pontos ativos : 338

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos