Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Como remover essas bordas dos avatares?
Hoje à(s) 01:31 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
218 usuários online :: 3 usuários cadastrados, 1 Invisível e 214 Visitantes :: 2 Motores de busca

Herbert Silva, Key of Destiny, Nerdzinhu

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Rank maior no CSS

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

Resolvido Rank maior no CSS

Mensagem por weverson lopes em 15/04/17, 12:46 am

Detalhes da questão


Endereço do fórum: http://www.mdhoficial.net/
Versão do fórum: PunBB

Descrição


oi gente tudo bem? bom eu queria um rank igual a esse

nesse formato exatamente assim: http://imgur.com/a/RdEX3

eu vi nesse fórum: http://www.bestskins.net/

eu ja tenho um parecido pelo CSS mas o tamanho é pequeno da um ligue: http://imgur.com/a/WkgnQ
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em 15/04/17, 09:37 pm

#UP
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em 17/04/17, 01:01 am

UP
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em 17/04/17, 11:14 am

Igual não podemos fazer. Mas:

Código:
.rank span {
    padding: 5px 10px 5px 40px;
    position: relative;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.rank span:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    border-right: 1px #fff solid;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
}

.rank .membercheater:before {
    content: 'CF';
}

E adicione um desse:

Código:
.rank .membercheater:before {
    content: 'CF';
}

Para cada rank do seu fórum. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em 17/04/17, 11:36 am

desculpa, sou lerdo, aonde eu coloco o 2 codigo? e pq é diferente dos que eu ja editei
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em 17/04/17, 11:39 am

O código 2 e todas as suas variações devem ser colocados abaixo do código 1, ambos no CSS:

Código:
.rank span {
    padding: 5px 10px 5px 40px;
    position: relative;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
 
.rank span:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    border-right: 1px #fff solid;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
}
 
.rank .membercheater:before {
    content: 'CF';
}

.rank .memberbacana:before {
    content: 'BC';
}

.rank .membermemer:before {
    content: 'MM';
}

.rank .memberrage:before {
    content: 'RG';
}

E assim por diante.

Eles são diferentes por que mexem em atributos diferentes dos rankings. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em 17/04/17, 11:42 am

entendo, mas tipo, no caso eu deveria colocar um codigo no grupo de ranks ne? e se for qual codigo eu deveria colocar? desculpa é que sou novato nesse assunto.
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em 17/04/17, 11:52 am

A primeira parte deve ser colocada apenas uma vez no CSS:

Código:
.rank span {
    padding: 5px 10px 5px 40px;
    position: relative;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
 
.rank span:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    border-right: 1px #fff solid;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
}

Essa é igual e fará com que todos os rankings tenham um aspecto semelhante.

A segunda parte é personalizada para cada ranking, seguindo o nome que o senhor já definiu nos rankings para deixá-los com as cores personalizadas.

Por exemplo, no seu fórum existem os rankings Membro Enfurecido, Membro Ativo e Moderador Global, e estes possuem as classes memberenfurecido, memberativo e moderador. No CSS ficariam dessa forma:

Código:
.rank .memberenfurecido:before {
    content: 'EF';
}

.rank .memberativo:before {
    content: 'AT';
}

.rank .moderador:before {
    content: 'MD';
}

É só seguir os nomes que pintam os rankings no seu fórum. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em 17/04/17, 12:04 pm

Obrigadoja entendi, vlw mais uma vez e desculpa qualquer coisa.
avatar

weverson lopes
Nível 8

Masculino
Inscrito dia : 01/04/2017
Mensagens : 121
Pontos Ativos : 179

Ver perfil do usuário http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em 17/04/17, 12:58 pm

Sem problemas. o/
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

Ver perfil do usuário http://ajuda.forumeiros.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