Detalhes da questão

Endereço do fórum: https://readingsteiner.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Bom dia!

Gostaria de saber como remover o texto do rank e deixar apenas a imagem atribuída a ele.

Exemplo: Rank de "Admin" com uma imagem de 5 estrelas para quem for deste rank. Quero remover o texto de "Admin" que fica abaixo do usuário, e mostrar apenas a imagem das estrelas, isso em todos os lugares onde isto é mostrado, seja no perfil, nos posts, na visualização de membros, etc.

Obrigado!

Bom dia, @OkamiDF

Para você fazer esse tipo de estilização, siga esse seguinte modelo de código:

Para adicionar na configuração de seu rank, seria este:

Código:

<div class="rank rank-name">NOME DO RANK</div>

E para remover o texto, adicione esse seguinte código em sua Folha de Estilo (CSS):

Código:

.rank.rank-name {
    display: none;
}


Caso não tenha surtido efeito, venha dar um retorno para este tópico para tentarmos outro tipo de resposta e solução!

(Aguardo uma resposta).
Atenciosamente,
Musashi!

Musashi escreveu:Bom dia, @OkamiDF

Para você fazer esse tipo de estilização, siga esse seguinte modelo de código:

Para adicionar na configuração de seu rank, seria este:

Código:

<div class="rank rank-name">NOME DO RANK</div>

E para remover o texto, adicione esse seguinte código em sua Folha de Estilo (CSS):

Código:

.rank.rank-name {
    display: none;
}


Caso não tenha surtido efeito, venha dar um retorno para este tópico para tentarmos outro tipo de resposta e solução!

(Aguardo uma resposta).
Atenciosamente,
Musashi!

Oi @Musashi! Obrigado pela resposta!

O rank que estou tentando remover o texto se chama "Founder" (já está criado pelo painel de administração), eu coloquei seu código no CSS assim:

Código:

<div class="rank rank-name">Founder</div>

.rank.rank-name Founder{
    display: none;
}

Mas não deu retorno, acho que estou colocando ele de forma errada

Olá novamente @OkamiDF

Certo, para fazer com que isso funcione, siga esse procedimento:

1° Etapa: Vá ao painel administrativo e siga essa instrução: Painel Administrativo Usuários & Grupos Ranks Administração dos Ranks e clique na engrenagem que contém ao lado do rank, o modelo será assim:



Lembrando: Às opções na imagem são somente modelo, você poderá fazer a seleção como achar melhor.

No nome do rank, você adicione o código que mencionei, no caso, seria este:

Código:

<div class="rank rank-name">Founder</div>

2° Etapa: Após esse procedimento, você seguirá este: Painel Administrativo Visualização Imagens e cores Cores & CSS Folha de Estilo (CSS) e adicione o código abaixo:

Código:

.rank.rank-name{
    display: none;
}


Não é necessário adicionar o nome do rank que você deseja remover, o código acima estará sendo aplicado para todas as classes que tiverem nomeadas com class="rank rank-name que encontra-se no nome do rank.

Espero que agora consiga ter entendido melhor para conseguir fazer essas mudanças, peço desculpas pela minha falta de explicação sobre como deveria ser aplicado esse tipo de conteúdo em seu fórum.

Em caso de dúvidas, por favor, retorne novamente uma resposta novamente para este tópico!

(Aguardo uma resposta).
Atenciosamente,
Musashi! :d

Musashi escreveu:Olá novamente @OkamiDF

Certo, para fazer com que isso funcione, siga esse procedimento:

1° Etapa: Vá ao painel administrativo e siga essa instrução: Painel Administrativo Usuários & Grupos Ranks Administração dos Ranks e clique na engrenagem que contém ao lado do rank, o modelo será assim:



Lembrando: Às opções na imagem são somente modelo, você poderá fazer a seleção como achar melhor.

No nome do rank, você adicione o código que mencionei, no caso, seria este:

Código:

<div class="rank rank-name">Founder</div>

2° Etapa: Após esse procedimento, você seguirá este: Painel Administrativo Visualização Imagens e cores Cores & CSS Folha de Estilo (CSS) e adicione o código abaixo:

Código:

.rank.rank-name{
    display: none;
}


Não é necessário adicionar o nome do rank que você deseja remover, o código acima estará sendo aplicado para todas as classes que tiverem nomeadas com class="rank rank-name que encontra-se no nome do rank.

Espero que agora consiga ter entendido melhor para conseguir fazer essas mudanças, peço desculpas pela minha falta de explicação sobre como deveria ser aplicado esse tipo de conteúdo em seu fórum.

Em caso de dúvidas, por favor, retorne novamente uma resposta novamente para este tópico!

(Aguardo uma resposta).
Atenciosamente,
Musashi! :d

Perfeito, deu certo @Musashi! Tu é o cara, valeu demais!!!!