Personalizar Rank do fórum

[odelgado]

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Somente comigo
Problema começou : Não consigo fazer um negocio no ranking tipo deixar ele cotornado pela cor do ranking
Endereço do fórum : www.brasilplaycarbon.com.br

Descrição do problema

Então gostaria de colocar tipo em cima dos ranking como exemplo nessa foto, o nome Administrador do servidor está coberto com a cor do ranking dele que é azul, sem ser o azul de fundo, falo do azul em torno do nome administrador... poderiam me ajudar por favor

[Kirigaya]

O senhor poderia nos disponibilizar o endereço do fórum onde vistes o efeito? Por gentileza.

Melhores cumprimentos,
Kirigaya.

[odelgado]

www.brasilplayforever.com.br esse é o forum onde tem esse efeito

[Sennior]

Saudações,

O efeito é bem simples.
Crie um rank com este código:

Código:

<span class="nvl">Verde </span>

E depois coloque este código em teu CSS:

Código:

.nvl {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #76940C;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 5px;
  padding: 3px 8px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

O efeito é simples, criamos uma classe no Rank e depois editamos por CSS.
Se não entendeu é só falar amigo.

[odelgado]

usei, mais nao funcionou, gostaria de saber ao certo qual parte que eu errei, ou onde eu tenho que alterar

[Sennior]

Saudações,

Tudo bem, nós te explicamos!
É bem simples como eu disse... Primeiramente o senhor vai nos Ranks, como eu mostro abaixo:
Painel de Controle Usuários Ranks Administração dos Ranks
Pronto! Chegando até aí, o senhor poderá modificar um Rank já criado, ou poderá criar um novo e neste caso eu irei criar um, veja:

No campo "Título do Rank" o senhor irá colocar este código:

Código:

<span class="Adm">Administrador</span>

E o resto dos campos, poderá preencher como bem entender.

Logo após esta etapa, vá em tua Folha de Estilo CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
E cole o código abaixo:

Código:

.Adm {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #76940C;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 5px;
  padding: 3px 8px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

Depois, é só colocar o Rank em algum membro para ver o efeito criado, no meu caso o resultado foi este:

E aí, conseguiu agora?
Até mais.

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'

[odelgado]

Não funcionou e copiei e colei do jeito q ta aí e nao editei nada pra testar.. mais não funcionou ficou o nome normal sem a camada da cor

[Sennior]

Ué senhor...
Eu voltei a re-fazer e consegui.

Vamos novamente?
Vá no Rank do senhor que se chama Administrador Máster e edite ele:
Painel de Controle Usuários Ranks Administração dos Ranks
No titulo do Rank, o senhor vai apagar e colocar este código lá:

Código:

<span class="Adm">Administrador Máster</span>

E depois, vá no teu CSS e coloque o código abaixo:

Código:

.Adm {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #F2598C;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 5px;
  padding: 3px 8px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

Creio que assim dará certo.
Até mais.

[odelgado]

consegui rsrs..

[Sennior]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.