Trocar imagens de rank por texto com fundo de cor

5 participantes

Ir para baixo

Tópico resolvido Trocar imagens de rank por texto com fundo de cor

Mensagem por #d0C 22.09.13 20:07

Qual é minha questão:
Olá a todos.
Mais uma vez tenho uma duvida para a personalização de meu novo forum!

Neste caso, como todos sabem, maioria dos fóruns nos ranks utilizam imagens, eu queria alterar isso para um texto simples com um fundo com cor que eu mesmo escolho.

EXEMPLO: Trocar imagens de rank por texto com fundo de cor 7393b48b


Cumprimentos.

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 24.09.13 7:28, editado 1 vez(es)
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por Tofu 22.09.13 20:23

Poderia ativar o rank e nos dar um link onde ele possa estar?

Grato.

Geam.
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por MateusA 23.09.13 14:38

Olá,

Veja o tutorial dentro do spoiler:
Spoiler:

Até.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por #d0C 23.09.13 17:08

Sem qualquer alteração amigo Crazy. Chorando ou muito tr
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por Tofu 23.09.13 20:24

Meu caro, não pense que alguém irá registrar para prestar suporte.

Por favor, desbloqueie o fórum, e nos forneça um link onde o rank aparece.
Assim poderemos ajudar Feliz

Geam.
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por #d0C 23.09.13 20:40

Como assim amigo?
Não percebi.
Está dizendo que não consegue ver o post?

Tente este: Post Exemplo
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por Tofu 23.09.13 21:00

Não estou vendo nenhum rank :/
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por Gilgamesh 23.09.13 21:51

Olá amigo,

sugiro que adquira o Photoshop e solicite um PSD de fácil customização.

Boa sorte. Piscada 
Gilgamesh
Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por Sennior 24.09.13 5:46

Saudações!

Aceda à "Administração dos Ranks":
Painel de Controle Seta Usuários & Grupos Seta Ranks Seta Administração dos ranks


:seta2: Clique em (Editar) caso tenha um rank já criado;
:seta2: Clique em (Adicionar) caso queira criar um novo rank;
:seta2: Em "Título do Rank" ponha o código abaixo:

Código:
<span class="userAdministrador">Administrador</span>
:seta2:Coloque em "userAdministrador" o que desejar e em "Administrador" o nome do respectivo grupo.

Agora vamos ao segundo passo, que no caso é o CSS!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta Folha de estilo CSS


Lá adicione este código:
Código:
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
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;
}

.userAdministrador {
background: #881418;
}

:seta2:Troque o "userAdministrador" conforme o que colocou no código corresponde ao "Título do Rank".

Feito isto, salve!

Até mais. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de rank por texto com fundo de cor

Mensagem por #d0C 24.09.13 7:28

Olá Sennior!
Te adoro! apaixonado Rindo 
Já funcionou como eu desejava, muito obrigado!
#d0C
#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos