Como colocar esse rank ?
4 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
Como colocar esse rank ?
Qual é minha questão:
Como bota ?
https://2img.net/r/ihimizer/img708/9892/ramkoficial.png
Vi no starforums.forumeiros.com
Endereço do meu fórum:
http://webinpixel.forumais.com
Versão do fórum:
PUNBB
Como bota ?
https://2img.net/r/ihimizer/img708/9892/ramkoficial.png
Vi no starforums.forumeiros.com
Endereço do meu fórum:
http://webinpixel.forumais.com
Versão do fórum:
PUNBB
Re: Como colocar esse rank ?
Para colocar um rank você tem que seguir os seguintes passos:
Painel de Controle >> Usuários e Grupos >> Rank >> Administração dos ranks >> Adicionar um rank >> Titulo do rank (você coloca o nome que quer tipo : Administrador) >> Rank especial (SIM) >> URL do rank (aqui você coloca a url da imagem que quer, é preferível imagens tamanho 200 x 100) >> salvar
para colocar um rank para um usuário você vai em:
Painel de Controle >> Usuários e Grupos >> Selecionar usuário >> escolhe o usuário para quem quer atribuir o rank e clica naquela rodinha amarela >>
no final da página terá a opção Título do rank, aí você escolhe o rank que deseja e clica em salvar
Painel de Controle >> Usuários e Grupos >> Rank >> Administração dos ranks >> Adicionar um rank >> Titulo do rank (você coloca o nome que quer tipo : Administrador) >> Rank especial (SIM) >> URL do rank (aqui você coloca a url da imagem que quer, é preferível imagens tamanho 200 x 100) >> salvar
para colocar um rank para um usuário você vai em:
Painel de Controle >> Usuários e Grupos >> Selecionar usuário >> escolhe o usuário para quem quer atribuir o rank e clica naquela rodinha amarela >>
no final da página terá a opção Título do rank, aí você escolhe o rank que deseja e clica em salvar
Re: Como colocar esse rank ?
Saudações!
Inovador o estilo, agora que notei! Tem um pouco de CSS e um pouco de Java Script. Coloque este código no inicio de teu CSS:
Veja que irá funcionar, mas... Para cada estilo de Rank necessitaria de edições via Java Script.
Até mais.
Inovador o estilo, agora que notei! Tem um pouco de CSS e um pouco de Java Script. Coloque este código no inicio de teu CSS:
- Código:
b {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c70c0c;
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;
}
Veja que irá funcionar, mas... Para cada estilo de Rank necessitaria de edições via Java Script.
Até mais.
Re: Como colocar esse rank ?
Foi bem.
So que queria que ficasse so no rank.
Não nas mensagens, pontos etc.
http://webinpixel.forumais.com/t3-webin-pixel-inaugurando-hoje
Olha como ta;
So que queria que ficasse so no rank.
Não nas mensagens, pontos etc.
http://webinpixel.forumais.com/t3-webin-pixel-inaugurando-hoje
Olha como ta;
Re: Como colocar esse rank ?
E tipo assim eu quero em cada rank que eu fiz.
Admin
Membro
Gold
WebMod
WebCoord entre outros '-'
e so me passar o código que eu vou botando.
Admin
Membro
Gold
WebMod
WebCoord entre outros '-'
e so me passar o código que eu vou botando.
Re: Como colocar esse rank ?
Saudações!
Passar o código CSS é fácil, o problema é que falta código. No caso teria que ser um Java Script amigo e infelizmente não damos suporte.
Abraços.
Passar o código CSS é fácil, o problema é que falta código. No caso teria que ser um Java Script amigo e infelizmente não damos suporte.
Abraços.
Re: Como colocar esse rank ?
Olá,
Amigo o problema não esta no Rank e sim nos códigos que te passarão
No nome do Rank adicione este código
Vermelho: Nome do rank
e adicione este código na sua Folha de estilo CSS
Resulta?
Até mais...
Amigo o problema não esta no Rank e sim nos códigos que te passarão
No nome do Rank adicione este código
Verde: ID e a class do CSS, você pode coloca qualquer coisa.<span class="userManagement">nome_do_rank</span>
Vermelho: Nome do rank
e adicione este código na sua Folha de estilo CSS
- Código:
.userManagement {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c70c0c;
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;
}
Resulta?
Até mais...
Re: Como colocar esse rank ?
Sairam todos da cor Vermelha.
Quero conforme as cores dos cargos.
Moderador - Verde
Designer - Azul
Helper - Preto
Directors - Gerente
Quero conforme as cores dos cargos.
Moderador - Verde
Designer - Azul
Helper - Preto
Directors - Gerente
Re: Como colocar esse rank ?
Olá,
Substitua o nome dos seus Ranks antigos por estes em baixo:
Administrador: <span class="adm">Administrador</span>
Moderador: <span class="mod">Moderador</span>
Designer: <span class="des">Designer</span>
Helper: <span class="hel">Helper</span>
Directors: <span class="dir">Directors</span>
e troque a sua Folha de estilo CSS por este:
Resulta?
Até mais...
Substitua o nome dos seus Ranks antigos por estes em baixo:
Administrador: <span class="adm">Administrador</span>
Moderador: <span class="mod">Moderador</span>
Designer: <span class="des">Designer</span>
Helper: <span class="hel">Helper</span>
Directors: <span class="dir">Directors</span>
e troque a sua Folha de estilo CSS por este:
- Código:
.adm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c70c0c;
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;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #008100;
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;
}
.des {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0000FF;
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;
}
.hel {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
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;
}
.dis {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E49928;
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;
}
Resulta?
Até mais...
Re: Como colocar esse rank ?
Tipo assim ?.adm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c70c0c;
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;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #008100;
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;
}
.des {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0000FF;
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;
}
.WebHelper {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
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;
}
.WebDesign {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E49928;
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;
}
Re: Como colocar esse rank ?
Olá,
Não precisa de Painel de Controle, eu te explico aqui mesmo;
Acede a:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
e adicione o seguinte código na sua Folha de estilo CSS
e depois vai em
Painel de Controle Usuários Ranks Administração dos Ranks
Edita ou cria novos ranks como eu falei
Administrador: <span class="adm">Administrador</span>
Moderador: <span class="mod">Moderador</span>
Designer: <span class="des">Designer</span>
Helper: <span class="hel">Helper</span>
Directors: <span class="dir">Directors</span>
Até mais...
Não precisa de Painel de Controle, eu te explico aqui mesmo;
Acede a:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
e adicione o seguinte código na sua Folha de estilo CSS
- Código:
.adm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c70c0c;
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;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #008100;
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;
}
.des {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0000FF;
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;
}
.hel {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
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;
}
.dis {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E49928;
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;
}
e depois vai em
Painel de Controle Usuários Ranks Administração dos Ranks
Edita ou cria novos ranks como eu falei
Administrador: <span class="adm">Administrador</span>
Moderador: <span class="mod">Moderador</span>
Designer: <span class="des">Designer</span>
Helper: <span class="hel">Helper</span>
Directors: <span class="dir">Directors</span>
Até mais...
Re: Como colocar esse rank ?
Visitei o seu fórum e esta funcionamento perfeitamente, poderia me dizer o problema que ocorre com o senhor(a)?
Re: Como colocar esse rank ?
Lamento mais eu não irei registrar em seu fórum para te da suporte por favor faz do jeito que eu falei com o senhor(a) para fazer que vai da certo
Tópicos semelhantes
» Como colocar esse rank
» Como colocar esse widget?
» Como criar esse efeito no nome do rank
» Como colocar um mini slide de promoção na pagina do portal como esse ae!(ajuda ae)
» Como colocar esse efeito
» Como colocar esse widget?
» Como criar esse efeito no nome do rank
» Como colocar um mini slide de promoção na pagina do portal como esse ae!(ajuda ae)
» Como colocar esse efeito
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