WEBGRAPHIC
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Pedido de ranks em css

+2
Admin
tdias72
6 participantes

Ir para baixo

Pedido de ranks em css Empty Pedido de ranks em css

Mensagem por tdias72 Sáb Fev 06, 2016 10:00 pm

Minha questão:
Boa noite. Gostava de pedir umas ranks em css para o meu fórum. Já não estou no meu computador mas sim no meu telemóvel a abrir aqui o pedido. Contudo um dos administradores ficou de ajudar-me com as ranks em css. Sem mais de momento fico a aguardar. Um abraço.


Endereço do meu fórum:
http://www.receitas para todos.forumeiros.com
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Admin Sáb Fev 06, 2016 10:10 pm

Olá tdias72, para obteres algo como isto: Pedido de ranks em css Untitl10, peço que sigas os seguinte passos:

Painel de Controlo Seta 1 Usuários&Grupos Seta 1 Ranks Seta 1 Administração de Ranks

Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks config

Depois disso, onde diz "Título do Rank", colocas o seguinte código:
Código:
<span class="user"NomedoRank"">Administrador</span>

Depois disto segues os seguinte passos:

Painel de Controlo Seta 1 Visualização Seta 1 Cores Seta 1 Folha de Estilos

Adicionas o seguinte código:
Código:
.userNomedoRank {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830(aqui escolhes a cor que queres no retangulo);
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: #D60303;
}
Admin
Admin
Administrador

Status : webGRAFIC
Mensagens : 395
Pontos : 466
Reputação : 20

https://webgraphic.forumeiro.com

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Dom Fev 07, 2016 1:50 pm

Obrigado amigo.
Já fiz os passos, mas o botão não apareceu.
Abraço grande.
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Admin Dom Fev 07, 2016 2:41 pm

No código CSS. eu coloquei entre parenteses alguns passos para te esclarecer, vê lá com anteção e depois remove-os.
Admin
Admin
Administrador

Status : webGRAFIC
Mensagens : 395
Pontos : 466
Reputação : 20

https://webgraphic.forumeiro.com

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Dom Fev 07, 2016 6:24 pm

Continuo a não conseguir amigo.
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por IsmaelS. Dom Fev 07, 2016 6:28 pm

Olá!

Poderias fornecer o link do teu fórum direito?
IsmaelS.
IsmaelS.
Administrador

Status : asd
Mensagens : 977
Pontos : 2124
Reputação : 29

https://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por RafaelS. Dom Fev 07, 2016 6:33 pm

Olá tdias72, para obteres algo como isto: Pedido de ranks em css Untitl10, peço que sigas os seguinte passos:

Painel de Controlo Seta 1 Usuários&Grupos Seta 1 Ranks Seta 1 Administração de Ranks

Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks config

Depois disso, onde diz "Título do Rank", colocas o seguinte código:
Código:
<span class="rank Administrador">Administrador</span>

Depois disto segues os seguinte passos:

Painel de Controlo Seta 1 Visualização Seta 1 Cores Seta 1 Folha de Estilos

Adicionas o seguinte código:
Código:
.rank {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830(aqui escolhes a cor que queres no retangulo);
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;
}

.rank .Administrador {
background: #D60303;
}
RafaelS.
RafaelS.
Administrador

Status : Boss !
Mensagens : 100
Pontos : 121
Reputação : 6

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Dom Fev 07, 2016 7:04 pm

tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por IsmaelS. Dom Fev 07, 2016 8:34 pm

No Painel de Controlo em Usuários & Grupos escolhe um que queiras e no final tens Título do Rank: e escolhes o que criastes.
IsmaelS.
IsmaelS.
Administrador

Status : asd
Mensagens : 977
Pontos : 2124
Reputação : 29

https://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Seg Fev 08, 2016 10:19 am

Já deu amigos.
Só que aparece como podem verificar desalinhada.

http://receitasparatodos.forumeiros.com/t58-receita-de-doce-de-quinoa-com-iogurte
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por MateusR Seg Fev 08, 2016 11:57 am

Olá!
Para retirar o texto de cima do rank, procure por
Código:
.messageUserBlock .extraUserInfo {
no seu CSS, e na parte
Código:
padding: 4px 6px;
altere o 4px para 35px.

Em questão ao rank, procure em seu CSS pela parte:
Código:
.rank {
e dentro deste código, altere as seguintes partes:
Código:
    margin: 5px;
    padding: 3px 8px;
width: 130px;
Para:
Código:

margin: 10px;
padding: 2px 2px;
width: 100px;

Abrass Wink
MateusR
MateusR
Membro

Status : Abrass ;)
Mensagens : 86
Pontos : 96
Reputação : 4

https://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Seg Fev 08, 2016 12:41 pm

Já está a ficar melhor, mas agora ficou o time online por cima do mesmo.

Ver aqui como ficou
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por MateusR Seg Fev 08, 2016 12:47 pm

Sim, para isto basta fazer a primeira parte que lhe disse ai encima.
Procure por:
Código:
.messageUserBlock .extraUserInfo {
E na parte
Código:
padding: 4px 6px;
Altere o 4px para 35px, ficando assim:
Código:
padding: 35px 6px;
Vi alteraste o 6 para 35, por isso ficou bugado
Abrass Wink
MateusR
MateusR
Membro

Status : Abrass ;)
Mensagens : 86
Pontos : 96
Reputação : 4

https://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Luiis_xD Qua Fev 10, 2016 1:44 am

Caso o código do nosso amigo Mateus Não funcionar, faça o seguinte..

Em seu css procure por " .messageUserBlock .extraUserInfo " você vai adicionar uma propiedade " margin-top " o código ficará assim:

Código:

.messageUserBlock .extraUserInfo{
      margin-top: 40px;
}


Em 40px você pode ir aumentando a distancia do mesmo

Até mais!
Luiis_xD
Luiis_xD
Membro

Status :
Mensagens : 155
Pontos : 182
Reputação : 27

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Qua Fev 10, 2016 9:15 am

Continua a aparecer o time online Trocado
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Luiis_xD Qua Fev 10, 2016 12:35 pm

Adicione esse código em seu css

Código:

.messageUserBlock .extraUserInfo{
    position: relative;
    margin-top: 45px;
}

De Preferencia no final da sua folha de estilo css, não tem erro testei em meu fórum varias vezes o é ocorreu tudo certo Right

Até mais Smile
Luiis_xD
Luiis_xD
Membro

Status :
Mensagens : 155
Pontos : 182
Reputação : 27

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por tdias72 Qua Fev 10, 2016 1:51 pm

Obrigado Luiis_xD.
Está a funcionar direito ;-)
tdias72
tdias72
Membro

Mensagens : 83
Pontos : 131
Reputação : 10

http://receitasparatodos.forumeiros.com/

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Luiis_xD Qua Fev 10, 2016 2:14 pm

[sucesso="Tópico Resolvido"]Tópico marcado como resolvido pelo autor.[/sucesso]
Luiis_xD
Luiis_xD
Membro

Status :
Mensagens : 155
Pontos : 182
Reputação : 27

Ir para o topo Ir para baixo

Pedido de ranks em css Empty Re: Pedido de ranks em css

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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