Como coloca esse retangulo?

4 participantes

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

Tópico resolvido Como coloca esse retangulo?

Mensagem por News 08.06.13 17:15

Qual é minha questão:
Ola eu queria saber como colocar um retangulo asim em baixo do rank com o da imagem abaixo:




esse - Como coloca esse retangulo? CzBRY58




Até

Endereço do meu fórum:
http://animestube.forumeiros.com

Versão do fórum:
PUNBB


Última edição por News em 08.06.13 21:28, editado 1 vez(es)
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por -Yts 08.06.13 17:32

Olá

Vá em Usuários e Grupos Seta Ranks Seta Administração dos ranks

e coloca um Rank

exemplo Admnistrador e esse quadradinho entra automaticamente.
avatar

-Yts
***

Membro desde : 26/05/2013
Mensagens : 130
Pontos : 210

http://powerduckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por News 08.06.13 17:35

não funfo Triste
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por MateusA 08.06.13 18:19

Caro usuário,

Antes de postar uma pergunta, veja se a mesma já não se encontra respondida em tópicos criados anteriormente. Isso torna o processo de ajuda muito mais eficiente. Lembre-se de seguir as recomendações feitas antes de postar sua dúvida, elas evitam que casos assim aconteçam!

Veja se este tópico consegue resolver a sua dúvida, caso não basta que volte a nos informar para que possamos ajudá-lo a resolver o problema:
Seta Como colocar esse rank?

Recomendamos que utilize sempre a busca do fórum e, veja se já não existe um tutorial para a função em:


Atenciosamente.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por News 08.06.13 18:27

Olá não consegui coompreender o topico peço que me ajude.

Quero as cores asim

Administradores > Vermelho
Moderador > Azul
Designer > Roxo
Membros > Ciano


Ateciosamente
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por MateusA 08.06.13 19:05

Olá! Piscada

Aceda ào "Rank que deseja modificar":
Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks
Procure pelo rank que deseja modificar e clique emesse - Como coloca esse retangulo? Editer

Seta Substitua o titulo do rank pelo código abaixo:

Código:
<span class="userManagement">NOME DO RANK</span>

Seta No código acima, procure por NOME DO RANK, substitua pelo nome de seu rank e salve.

:seta2: A cada novo rank, para mudar a cor do mesmo terá de fazer algumas modificações:
Spoiler:

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
        .userManagement {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #c70c0c;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }


:seta2: A cada novo rank, terá de editar algumas coisas, e definir a sua respectiva cor.
Spoiler:

Até mais. Piscada
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca esse retangulo?

Mensagem por T-Lord 08.06.13 19:09

Olá, creio que viu no meu fórum ZoneToony deveria ter citado para melhor visualização dos membros ou staff´s para pegarem o código!

Vamos ao que interessa!

Adicione esse código no CSS:
Código:
/* Perfil Personalizado Inicio */

.userGerente, .userAdministrador, .userModerador, .userMembro, .userVisitante, .userPostador, .userMembro Ativo, .userGameZone, .userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}

.userModerador {
background: #0000FF;
}

.userDesigner {
background: #990099;
}

.userMembros {
background: #666666;
}

E salve!
_______
Para colocar o rank, você deve ir em esse - Como coloca esse retangulo? Puce_bleu Usuários & Grupos esse - Como coloca esse retangulo? 633772 esse - Como coloca esse retangulo? Rang Ranks esse - Como coloca esse retangulo? 633772 Depois "Titulo do Rank" coloque esse código:

Código:
<span class="userAdministrador">Administrador</span>

Onde tem "userAdministrador" poderá mudar de acordo com o rank exemplo para um designer "userDesigner", e logo do lado tem o nome "Administrador" que pode ser mudado por qualquer nome desejado a aparecer no rank em seu perfil no tópico.


Espero ter ajudado!
T-Lord

T-Lord
****

Membro desde : 29/12/2010
Mensagens : 253
Pontos : 491

http://www.zonetoony.net/

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