Como colocar esse rank ?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 06:48 pm

Qual é minha questão:
Como bota ?


http://img708.imageshack.us/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

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por Foforks School em 05/06/13, 07:02 pm

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
avatar

Foforks School
Nível 5

Feminino
Inscrito dia : 16/01/2011
Mensagens : 44
Pontos Ativos : 84

Ver perfil do usuário http://olimpikus-rpg.forumeiros.com/

Resolvido Re: Como colocar esse rank ?

Mensagem por Sennior em 05/06/13, 07:05 pm

Saudações!

Leia o tópico abaixo para auxilo em sua dúvida:

Seta Os Ranks

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 07:16 pm

Aqueles ranks , não sei feito desse jeito.

E por HTML ou Css


,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por Sennior em 05/06/13, 07:19 pm

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:

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 07:20 pm

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;

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 07:22 pm

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.

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por Sennior em 05/06/13, 07:27 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar esse rank ?

Mensagem por StyLe® em 05/06/13, 07:50 pm

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
<span class="userManagement">nome_do_rank</span>
Verde: ID e a class do CSS, você pode coloca qualquer coisa.
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...

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 07:57 pm

Sairam todos da cor Vermelha.

Quero conforme as cores dos cargos.

Moderador - Verde
Designer - Azul
Helper - Preto
Directors - Gerente

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por StyLe® em 05/06/13, 08:50 pm

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:
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...

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 08:55 pm

.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;
}
Tipo assim ?

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 08:57 pm

Não to entendo vai la no meu fórum que te dou painel.

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por StyLe® em 05/06/13, 09:09 pm

Olá,

Não precisa de Painel de Controle, eu te explico aqui mesmo;

Acede a:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: 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 Seta Usuários Seta Ranks Seta 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...

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 09:12 pm

n funfo.

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por StyLe® em 05/06/13, 09:22 pm

Visitei o seu fórum e esta funcionamento perfeitamente, poderia me dizer o problema que ocorre com o senhor(a)?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 05/06/13, 09:49 pm

E que eu voltei ao jeito normal.
Vai la no fórum pra eu dar painel.

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Resolvido Re: Como colocar esse rank ?

Mensagem por StyLe® em 05/06/13, 10:23 pm

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

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar esse rank ?

Mensagem por ,Doodle em 06/06/13, 12:38 pm

Deixa , do jeito que ta mesmo preguiça -qq não deixa.

,Doodle
Nível 9

Masculino
Inscrito dia : 08/03/2013
Mensagens : 151
Pontos Ativos : 227

Ver perfil do usuário http://nenhumaainda.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum