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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Problema com assinatura. Fórum não exibe!
Hoje à(s) 8:42 por Milo Mello

» Visualização dos "Usuários online"
Hoje à(s) 4:34 por MarcosSchultz

» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

» Botões de ação
Hoje à(s) 4:01 por iScroll

» Aparência do fórum
Hoje à(s) 2:56 por Cream

» Botão com ícones do font awesome
Hoje à(s) 2:41 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
Cepheus
 

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

Steve_.

[ Ver toda a lista ]


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

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 Ter 1 Dez 2015 - 12:27

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

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Rank feito com CSS

Mensagem por Slurk em Ter 1 Dez 2015 - 12:47

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.

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Rank feito com CSS

Mensagem por PrisoN†BreaK em Ter 1 Dez 2015 - 13:56

Obrigado, ja conseguir colocar.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Rank feito com CSS

Mensagem por MateusAnjosV em Sex 4 Dez 2015 - 20:24

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

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1413
Pontos Ativos : 2321

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5