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
» formulário de postagem
Hoje à(s) 0:23 por Luiz~

» Problema com JS
Hoje à(s) 0:21 por Luiz~

» viewtopic_body personalizado
Ontem à(s) 23:26 por Luiz~

» Gestão da logo do fórum
Ontem à(s) 22:28 por Luiz~

» RANK E AJUDA PRA BOTAR O RANK NO MEU FORUM
Ontem à(s) 22:16 por Rhuanzinho Pjl

» Criação de portal com link
Ontem à(s) 21:13 por Luiz~

» Modificar campo de avatar
Ontem à(s) 21:12 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
243 usuários online :: 10 usuários cadastrados, 1 Invisível e 232 Visitantes :: 2 Motores de busca

Fernanda Nunes, GustavoDM11, iScroll, jhen00, Luiz~, MateusV., PESS_dodo, ranzatti, Um, Weder M. T. N.

[ 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

O autor desta mensagem foi removido do fórum - Ver a mensagem

O autor desta mensagem foi removido do fórum - Ver a mensagem

O autor desta mensagem foi removido do fórum - Ver a mensagem

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 : 3107
Pontos Ativos : 6412

http://ajuda.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

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 : 3107
Pontos Ativos : 6412

http://ajuda.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

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 : 3107
Pontos Ativos : 6412

http://ajuda.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

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 : 3107
Pontos Ativos : 6412

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