Trocar imagens de rank por texto com fundo de cor
5 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
Trocar imagens de rank por texto com fundo de cor
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:
Cumprimentos.
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
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:
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)
Re: Trocar imagens de rank por texto com fundo de cor
Poderia ativar o rank e nos dar um link onde ele possa estar?
Grato.
Geam.
Grato.
Geam.
Re: Trocar imagens de rank por texto com fundo de cor
Olá,
Veja o tutorial dentro do spoiler:
Até.
Veja o tutorial dentro do spoiler:
- Spoiler:
Rank estilo CSS
Neste tutorial, vamos lhe explicar, á como fazer um rank somente com CSS.
1º - Título do Para criar um rank, aceda a:
Painel de Controle -> Usuários & Grupos -> Ranks -> Administração dos Ranks -> Clique em em algum rank!
Teremos de trocar o nome do rank por isso:- Código:
<span class="Admin">Administrador</span>
1° - Aplicando CSS:
Para isto você terá de ter um pouco de conhecimento com a folha de estilos CSS, aceda a:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS
E aplique o seguinte código:- Código:
.admin{
-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;
}
.admin {
background: #881418;
}
Programando
Até.
Re: Trocar imagens de rank por texto com fundo de cor
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
Geam.
Por favor, desbloqueie o fórum, e nos forneça um link onde o rank aparece.
Assim poderemos ajudar
Geam.
Re: Trocar imagens de rank por texto com fundo de cor
Olá amigo,
sugiro que adquira o Photoshop e solicite um PSD de fácil customização.
Boa sorte.
sugiro que adquira o Photoshop e solicite um PSD de fácil customização.
Boa sorte.
Re: Trocar imagens de rank por texto com fundo de cor
Saudações!
Aceda à "Administração dos Ranks":
Painel de Controle Usuários & Grupos Ranks Administração dos ranks
Clique em () caso tenha um rank já criado;
Clique em () caso queira criar um novo rank;
Em "Título do Rank" ponha o código abaixo:
Agora vamos ao segundo passo, que no caso é o CSS!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores :seta Folha de estilo CSS
Lá adicione este código:
:seta2:Troque o "userAdministrador" conforme o que colocou no código corresponde ao "Título do Rank".
Feito isto, salve!
Até mais.
Aceda à "Administração dos Ranks":
Painel de Controle Usuários & Grupos Ranks Administração dos ranks
Clique em () caso tenha um rank já criado;
Clique em () caso queira criar um novo rank;
Em "Título do Rank" ponha o código abaixo:
- Código:
<span class="userAdministrador">Administrador</span>
Agora vamos ao segundo passo, que no caso é o CSS!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores 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.
Re: Trocar imagens de rank por texto com fundo de cor
Olá Sennior!
Te adoro!
Já funcionou como eu desejava, muito obrigado!
Te adoro!
Já funcionou como eu desejava, muito obrigado!
Tópicos semelhantes
» Trocar cores de fundo por imagens
» Trocar imagens por texto?
» Trocar imagens de botões por texto
» Trocar imagens de botões por texto
» [Rank] Fundo dourado - Médio - texto claro
» Trocar imagens por texto?
» Trocar imagens de botões por texto
» Trocar imagens de botões por texto
» [Rank] Fundo dourado - Médio - texto claro
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