Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Css Nos Ranks

4 participantes

Início :: Forumeiros :: NostalgiaCss Nos Ranks

Josh Josh  • Qui 16 Out 2014 - 14:49

Css Nos Ranks Empty Css Nos Ranks Qui 16 Out 2014 - 14:49

Minha questão:
Bem eu queria saber qual é o css utilizado pra botar um fundo acho que é isso no rank

Onde esta destacado em vermelho: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

/g1-fundador #FFBF00
/g2-administrador #FF0000
/g3-co-administrador #FF8F05
/g4-moderador #35CC02
/g5-coordenador #A17FFF
/g6-master #618EFF
/g8-designer #FA037A
/g9-adm-servidor #A9F5B2
/g10-membro-vip #FAE89E
/g11-membro-expert #50852D
/g12-membro #D4D4D4
/g13-participativo #329480

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

iConnect iConnect  • Qui 16 Out 2014 - 16:02

Css Nos Ranks Empty Re: Css Nos Ranks Qui 16 Out 2014 - 16:02

Olá,
No nlme de cada rank, altere para o segunte código:
Código:
<b><font color=#FFBF00>Fundador</font></b>
Faça isso para o resto dos ranks também.

Até Mais...

Josh Josh  • Qui 16 Out 2014 - 16:19

Css Nos Ranks Empty Re: Css Nos Ranks Qui 16 Out 2014 - 16:19

O que eu quero é o fundo para o cada nome com as respectivas cores.

Je4n Je4n  • Qui 16 Out 2014 - 16:28

Css Nos Ranks Empty Re: Css Nos Ranks Qui 16 Out 2014 - 16:28

Reputação da mensagem: 100% (1 votos)
Fiz um, vê se é assim que você quer, se for faço o resto.


Em sua folha de estilo CSS:
Código:
.rank.fundador {
background: #FFBF00;
border-radius: 3px;
width: 162px;
height: 32px;
line-height: 32px;
color: #000;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

Ah e respondendo a sua pergunta, o que define a cor de um Elemento é a propriedade background. Você pode saber mais sobre essa propriedade clicando aqui.

Josh Josh  • Qui 16 Out 2014 - 18:29

Css Nos Ranks Empty Re: Css Nos Ranks Qui 16 Out 2014 - 18:29

Não resultou Je4n, falta algo ?

[F]lames [F]lames  • Qui 16 Out 2014 - 19:04

Css Nos Ranks Empty Re: Css Nos Ranks Qui 16 Out 2014 - 19:04

Reputação da mensagem: 100% (1 votos)
Olá,

Proponho-lhe algo assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Para que o efeito aconteça, nos nomes dos ranks, você deve fazer uma pequena mudança, por exemplo, o rank "Fundador", altere o nome para:

Código:
<b class="fundador">Fundador</b>

Note que, a cada rank, você deve colocar algo diferente entre as aspas (class="fundador"), então adicione isto á seu CSS:

Código:
/* fundo nos ranks */
.rank > b {
display: inline-block;
background: #9C9C9C;
color: white;
padding: 3px 15px;
-webkit-border-radius: 3px;
margin-bottom: 10px;
}

Então, a cada mudança de rank, você adiciona isto ao CSS, alterando o que está entre as aspas para o valor do passo anterior e a cor após background: :

Código:
.rank > b[class="fundador"] {
background: #FFBF00;
}

Passar bem.

Conteúdo patrocinado  • 

Css Nos Ranks Empty Re: Css Nos Ranks

Início :: Forumeiros :: Nostalgia:: Css Nos Ranks
Permissões neste sub-fórum
Não podes responder a tópicos