Rank com imagem

3 participantes

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

Tópico resolvido Rank com imagem

Mensagem por YouTube3 30.08.15 10:23

Detalhes da questão


Endereço do fórum: http://warkz.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá queria saber como faço para por os ranks do meu fórum assim como está SS


https://i.imgur.com/49aoIxq.jpg

Obrigado!
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Rank com imagem

Mensagem por Mshas 30.08.15 13:14

Poderá me dizer onde viu o esse tal de rank?
Até,
Mshas
Mshas

Mshas
****

Masculino
Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por YouTube3 30.08.15 13:29

Opá aqui http://www.wasd.in/ !!
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por Mshas 30.08.15 13:42

Saudações,
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens & Cores Flecha ajudeiros Cores Flecha ajudeiros Aba "Folha de Estilo CSS"
Utilize este código senhor,
Código:
.userManagement {
    background-color: #000;
}
.userBanned, .userClient, .userSuporte, .userDesigner, .userManagement, .userMember, .userNewba, .userModerator, .userStaff, .vipBS, .userProgrammer {
    margin-top: 9px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: transparent;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    bottom: -7px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
    font-family: Ubuntu;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 116px;
}

Continuando no Painel de Controle Flecha ajudeiros Usuários & Grupos Flecha ajudeiros Administração dos ranks Flecha ajudeiros Administrador Flecha ajudeiros Editar Flecha ajudeiros

Coloque este código no nome de administrador,
Código:
<span class="userManagement">Administrador</span>

Lembrando que pode criar mais ranks.

Até,
Mshas
Mshas

Mshas
****

Masculino
Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por YouTube3 30.08.15 15:05

Opá amigo fico bugado pode olhar as o fundo da imagem do rank fico branco https://i.imgur.com/mty1Fh6.jpg
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por Mshas 30.08.15 15:08

Mude isto pra este,
Código:
.userBanned, .userClient, .userSuporte, .userDesigner, .userManagement, .userMember, .userNewba, .userModerator, .userStaff, .vipBS, .userProgrammer {
    margin-top: 9px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: transparent;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    bottom: -7px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
    font-family: Ubuntu;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 116px;
}
.userManagement {
    background-color: blue;
}

Até,
Mshas
Mshas

Mshas
****

Masculino
Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por YouTube3 30.08.15 15:19

Opá desculpa por esse code aonde ? no CSS ?
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por Mshas 30.08.15 15:22

Sim, senhor.
Até,
Mshas
Mshas

Mshas
****

Masculino
Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por YouTube3 30.08.15 15:23

Não Resultou
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Rank com imagem

Mensagem por Mshas 30.08.15 15:26

Exclua todos códigos que eu mencionei antes.
Tente este querido.
Código:
.userADM, .userBRO, .userCHEF, .userCHEF2, .userCO, .userDE, .userDES, .userELI, .userESP, .userGAM, .userGEE, .userGER, .userLEND, .userMB, .userME, .userMEN, .userMOD, .userOUR, .userPLA, .userPR, .userPRA, .userPRO, .userSP, .userTU, .userVIP, .userVIPR, .userVIPes {
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,0.3);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 19px;
    line-height: 19px;
    margin-left: 3px;
    margin-right: 2px;
    margin-top: 9px;
    padding: 9px 12px;
    text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
    text-transform: uppercase;
    width: 120px;
}
.userADM {
    background-color: #676C70;
}

Siga todos passos que eu falei antes,
Código:
<div class="userADM">Administrador</div>

Até,
Mshas
Mshas

Mshas
****

Masculino
Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank com imagem

Mensagem por YouTube3 30.08.15 15:35

Funcionou Pode closar Muito feliz
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Rank com imagem

Mensagem por Sennior 30.08.15 16:06

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos