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

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
APOllO
 

Quem está conectado
248 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 244 Visitantes :: 2 Motores de busca

cdul1f6sd, DustyRhodes, Fou-Lu, mpelmmc

[ 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

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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 : 4490
Pontos Ativos : 5785

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

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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 : 4490
Pontos Ativos : 5785

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.

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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 : 4490
Pontos Ativos : 5785

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.

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

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 : 4490
Pontos Ativos : 5785

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