Titulo do rank colorido

3 participantes

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

Tópico resolvido Titulo do rank colorido

Mensagem por Gabriel_Gamer 09.05.17 23:09

Detalhes da questão


Endereço do fórum: http://adliferpg.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição


Titulo do rank colorido QXPTPGI
Gostaria do titulo colorido igual o rank
é Possivel fazer ou não tem como?
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Luiz 09.05.17 23:43

É possível sim, usando um recurso do CSS3, chamado gradient backgrounds.
Vá até sua CSS, e adicione ao final:
Código:
.designerownner {
  background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
}

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Gabriel_Gamer 10.05.17 17:00

As letras fico preto e o fundo não tem '-
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Luiz 10.05.17 17:05

Se você usa o navegador Internet Explorer, creio que não irá funcionar, pois ele está muito defasado.

No mais, troque por:
Código:
.designerownner {
  color: #fff;
  -webkit-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
  -moz-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
  -ms-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
  -o-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
  background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
}

E de preferência, coloque ao final de sua CSS. ^-^

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Gabriel_Gamer 10.05.17 17:11

Agora nem apareceu o nome hehe
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Shek 10.05.17 17:22

Boa tarde.

Autor, por gentileza, poderia especificar sua dúvida? A plicação surtiu efeito, mas, poderia nos apresentar uma imagem com mais detalhes do problema para que seja fácil interpretar o problema para elaborarmos uma solução? Respostas "não fungo" ou "não apareceu nada" são obsoletas e não ajudam muito.

Por favor, queira nos esclarecer melhor o que houve ao aplicar o CSS explicando detalhes. Deixe-nos saber se a versão do seu navegador é a última lançada pelo Google (se usa o Google CHrome) para que seja possível avaliar a disponibilidade do CSS.

Obrigado desde já.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Luiz 10.05.17 17:24

Tente desativar a opção "Melhorar seu CSS".
O forumeiros está "comendo" uns espaços que são essenciais para o funcionamento do código.
-> http://prntscr.com/f69ud6

Provavelmente é um recurso para economizar espaço na Folha de Estilos. Muito feliz

Caso não resulte, vá até o seu template overall_header, e procure por
</head>
, e acima dessa tag, adicione:
Código:
<style type="text/css">
  .designerownner {
    color: #fff;
    -webkit-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
    -moz-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
    -ms-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
    -o-background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
    background: linear-gradient(75deg, #6e8613 0%, #420b0b 100%);
  }
</style>

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Gabriel_Gamer 10.05.17 17:27

Desativei e deu certo sim brother grato!
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo do rank colorido

Mensagem por Luiz 10.05.17 17:30

Favor não usar formatação nos tópicos. Isso vale para texto alinhado ao centro também.

---
Titulo do rank colorido Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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