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 fechar tópico com um comando
Hoje à(s) 02:52 pm por Ketholy123

» Tem como colocar jogos em um tópico?
Hoje à(s) 02:44 pm por Ketholy123

» Como abrir um Evento/Anuncio de um tópico?
Hoje à(s) 02:42 pm por Ketholy123

» PAGINA HTML
Hoje à(s) 02:20 pm por T1ag0

» Ajuste no código do menu
Hoje à(s) 01:40 pm por Harleen

» Nova MP ModerNBB
Hoje à(s) 01:27 pm por iScroll

» Slides bugado
Hoje à(s) 01:26 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
240 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 232 Visitantes :: 2 Motores de busca

Crevy JR, Gravity, Ketholy123, Luiz, Shek, soldado, T1ag0, Vinicius Gabriel

[ Ver toda a lista ]


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

Rank feito com CSS

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

Resolvido Rank feito com CSS

Mensagem por PrisoN†BreaK em 01/12/15, 10:27 am

Detalhes da questão


Endereço do fórum: http://tatudm.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Como faço para coloca essa bolha em torno do nome do rank na imagem abaixo? e como eu mudo a cor dela?

http://imgur.com/1Jex4GX
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1216
Pontos Ativos : 1714

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

Resolvido Re: Rank feito com CSS

Mensagem por Slurk em 01/12/15, 10:47 am

Então parceiro você deve adicionar esse codigo css em sua folha de estilo:

Código:
.rank {
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      -webkit-user-select: none;
      background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
      background-size: 10px 10px;
      border-radius: 3px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
      color: #fff;
      cursor: default;
      font-family: Arial,sans-serif;
      font-size: 12px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      margin: 5px auto;
      padding: 3px;
      text-align: center;
      text-shadow: #000 1px 1px 0;
      user-select: none;
      width: 110px;
    }

e para cada rank que você querer ter esse efeito, terás que criar uma nova variavel e adicionar abaixo do codigo que mandei acima, ou seja por exemplo isto:

Código:
.rank.mod {
  background-color: #1D38CC!important;
}!

você deve editar esse codigo que mandei acima, ai você me pergunta, como? simples... deves alterar a cor pra uma igual da que você quer por, ou seja altere #1D38CC pela cor atual do grupo.
Agora você vai em :
Painel de Controle > Usuários & Grupos > Ranks > Administração dos ranks ,e adicionar o rank de acordo com o codigo abaixo:

Código:
<div class="rank mod">Moderador</div>

"rank mod" = Irá mudar só o "rank mod" de acordo com que você colocou no css. Ex o meu foi .rank.mod então vai ser "rank mod".
Moderador = Nome que você quer que aparecer no rank.

Espero que tenha entendido.
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

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

Resolvido Re: Rank feito com CSS

Mensagem por PrisoN†BreaK em 01/12/15, 11:56 am

Obrigado, ja conseguir colocar.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1216
Pontos Ativos : 1714

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

Resolvido Re: Rank feito com CSS

Mensagem por MateusAnjosV em 04/12/15, 06:24 pm

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

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

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