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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Barra de Categorias
Hoje à(s) 8:08 por Claudio Arthur

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

» Alinhamento botão curtir
Ontem à(s) 21:31 por Luiz~

» Remover a tag da página inicial do fórum
Ontem à(s) 20:27 por Luiz~

» Tipos de layout e ativação através de perfil de usuário
Ontem à(s) 18:47 por Harleen

» Correção codigo aparecer abaixo do avatar
Ontem à(s) 17:41 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
235 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 234 Visitantes :: 2 Motores de busca

ThallesAmagami

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 15 Abr 2017 - 4:46

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 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em Dom 16 Abr 2017 - 1:37

#UP
avatar

weverson lopes
Nível 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em Seg 17 Abr 2017 - 5:01

UP
avatar

weverson lopes
Nível 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em Seg 17 Abr 2017 - 15:14

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em Seg 17 Abr 2017 - 15:36

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

weverson lopes
Nível 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em Seg 17 Abr 2017 - 15:39

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em Seg 17 Abr 2017 - 15:42

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 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em Seg 17 Abr 2017 - 15:52

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Rank maior no CSS

Mensagem por weverson lopes em Seg 17 Abr 2017 - 16:04

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

weverson lopes
Nível 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 120

http://www.mdhoficial.net/

Resolvido Re: Rank maior no CSS

Mensagem por Kyo Panda em Seg 17 Abr 2017 - 16:58

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

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