Ranks Personalizados

por Mixeuzinho 26.12.18 14:49

Detalhes da questão

Endereço do fórum: http://policiactr.forumeiros.com
Versão do fórum: phpBB3

Descrição

http://prntscr.com/lzr8nb <- Como adicionar um rank com uma certa cor e uma imagem e mais um emblema por rank?

por **tikky** 26.12.18 15:50

Olá @Mixeuzinho,
Leia este tópico: Questão Resolvida, qualquer dúvida relate neste tópico!

Cordialmente,
pedxz.

por Mixeuzinho 26.12.18 17:07

http://prntscr.com/lzt3ru <- Como posso mudar a imagem? @Pedxz

por Mixeuzinho 26.12.18 18:29

E também, eu coloquei esse código em um dos meus ranks, mas ele não funciona...

Código:: .rank.dsn { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite;

por RafaelS. 27.12.18 10:14

Olá @Mixeuzinho,

No código que o senhor enviou está faltando uma chaveta } no fim do código.
Talvez possa ser isso.

Fico no aguardo. Feliz

por Mixeuzinho 27.12.18 11:12

Olá, Rafael, bom dia! Eu coloquei no código apenas não copiei, poderia ajudar-me!?

por Convidado 27.12.18 13:24

Olá,
Para o código funcionar, basta adicionar a chaveta como o Rafael disse.

Código escreveu:
Código:
.rank.dsn { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite; }

Peço que me explique melhor isto:

Eu coloquei no código apenas não copiei, poderia ajudar-me!?

Cordialmente.

por Mixeuzinho 27.12.18 13:31

Não funciona na mesma, era isso que eu queria dizer.

Quando à sua "sugestão" para funcionar, também não dá.

por Convidado 27.12.18 13:36

Olá novamente,

Não tenho total certeza, mas troque o código para este:

Código:: .rank .dsn { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite; }

Fico no aguardo

por Mixeuzinho 27.12.18 14:20

Não será pelo titulo do rank? No caso, o que eu colocaria.

por Convidado 27.12.18 14:27

Olá,

Reparei que a sua questão já se encontra resolvida. Posso fechar?

Relembrando...

Atenção!

Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Mixeuzinho escreveu:E também, eu coloquei esse código em um dos meus ranks, mas ele não funciona...

Código:
.rank.dsn { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite;

Cordialmente.

por Mixeuzinho 27.12.18 15:30

Não funciona...

por Convidado 27.12.18 15:53

Olá,
Eu reparei que no fórum que o Sr. citou esse código funciona. Visto isto, a sua questão deve estar resolvida...
Mas:

Citações de fóruns segundo o regulamento do setor de suporte

O fórum citado em 'Endereço do fórum' deve ser somente o seu, analisando o regulamento do setor de suporte. Caso não seja, deve editar o referido. Terá um prazo de 5 dias desde a sua última mensagem para editar e responder a esta mensagem. Relembrando que deve citar o fórum onde viu tais funções.

Tópico pendente.

Cordialmente.

por Mixeuzinho 27.12.18 16:21

O código meu titulo de rank é:

Código:: <div class="rank dsn">Técnicos</div>

E o código é:

Código:: .rank.dsn { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite; } .rank.dsn:before{content: "\f02d";margin-right: 5px;font: normal normal normal 14px/1 FontAwesome;}

por Convidado 27.12.18 16:26

Está correto, depois é criar um rank:
Título:

Código:: <div class="rank classe_que_queira">rank</div>

Código CSS:

Código:: .rank.classe_que_queira { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 9s cubic-bezier(0.4, 0, 1, 1) infinite; }

Ícone:

Código:: .rank.dsn:before{content: "\unicode_do_ícone_que_queira";margin-right: 5px;font: normal normal normal 14px/1 FontAwesome;}

por Mixeuzinho 27.12.18 16:30

Eu tenho assim mesmo, e não funciona. :/

por Convidado 27.12.18 16:32

Quando vou ver algum tópico funciona bem no seu fórum...

por Mixeuzinho 27.12.18 16:40

Ai funciona? Aqui não está indo. ._. (policiactr.forumeiros.com) (Nick: Bodesu)

por Convidado 27.12.18 16:43

Olá,
Tem que alterar o rank do membro no painel para que isso funcione..

Cordialmente.

por Mixeuzinho 27.12.18 16:48

Olá, Staff Roger, não entendi, peço perdão, poderia explicar-me de uma maneira mais "explicita"?

por Convidado 27.12.18 16:52

Tem que aceder ao painel de controle e mudificar o rank do usuário em questão...

Painel de controle / Usuários e Grupos / selecionar usuário / vá ao seu perfil / troque o seu rank

por Mixeuzinho 27.12.18 16:57

Não funcionou..... MEU DEUS...

por Convidado 27.12.18 17:09

Olá,
Basta simplesmente mudar o rank do membro, neste caso, o seu rank...
Cordialmente.

por Mixeuzinho 27.12.18 18:03

Já mudei... Não funciona...

por RafaelS. 27.12.18 21:36

Olá,

O senhor pode nos enviar uma captura de tela da gestão dos ranks?

Fico no aguardo.

por Mixeuzinho 27.12.18 22:17

Boa tarde.

http://prntscr.com/m0cyo7<- Print geral.

http://prntscr.com/m0cyvj <- Print do rank que estou a tentar fazer.

por RafaelS. 27.12.18 22:21

Olá,

Parece tudo certo! Você pode nos dar o link de um perfil que tenha o Rank desenvolvedor para analisar o problema?

Até mais.

por Mixeuzinho 28.12.18 3:36

Desculpe a demora... http://policiactr.forumeiros.com/u231

por Convidado 28.12.18 11:30

Olá,

Pode autorizar os convidados a verem perfis?

Cordialmente.

por Mixeuzinho 28.12.18 11:55

Olá, bom dia. Como posso fazer isso?

por Convidado 28.12.18 12:30

Olá novamente,
Aceda a: Painel de Controle Usuários Autorizações especiais Autorizações especiais Ver perfil Convidados.

Cordialmente.

por Mixeuzinho 28.12.18 12:50

Feitinho!

por RafaelS. 28.12.18 16:46

Perfeito @Mixeuzinho, veja:
Seta

http://prntscr.com/m0om83

Até mais. Feliz

por Mixeuzinho 28.12.18 17:23

Sim, mas a placa do rank deveria estar a mudar de cor...

por RafaelS. 28.12.18 18:15

@Mixeuzinho,

Só para ver se eu entendi: o fundo do rank quer que mude de cor toda a hora?

por Mixeuzinho 28.12.18 18:19

Isso mesmo, fique mudando de cor...

por RafaelS. 28.12.18 18:27

Tudo certo!
Adicione à sua folha de estilos CSS:

Código:: @-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }

Até mais.

por Mixeuzinho 28.12.18 18:44

Ainda não foi. :v

por RafaelS. 28.12.18 18:48

@Mixeuzinho,

Não achei o código na sua folha de estilos! Você lembrou de salvar?
Tente colocar o código que eu passei no topo da folha.

Fico no aguardo. Feliz

por Clustry 28.12.18 20:05

Esse erro ocorre devido a uma opção marcada na sua Folha de Estilo.

Veja se assim resolve:

Painel de Controle -> Visualização -> Cores -> Folha de estilo CSS -> vá até ao fundo da página -> Desmarque a opção "Melhorar o seu CSS"

Cordialmente.

por Convidado 03.01.19 13:43

Tópico resolvido

Tópico marcado como resolvido pela equipe por abandono do autor.