Adicionar efeito degradê nas postagens

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

Atendido / Resolvido Adicionar efeito degradê nas postagens

Mensagem por SkoLL em 12.09.17 13:53

Detalhes da questão


Endereço do fórum: http://dk-ner.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá Convidado Queria adicionar degrade aos grupos diferenciados..
Fundador #FF0000
Administrador #03FF3E
Moderadores #000099
Tester #00FFFF
Designer#FF00E1
Membros#FF9900


Última edição por SkoLL em 13.09.17 22:17, editado 1 vez(es)
SkoLL

SkoLL
Nível 5

Masculino
Inscrito dia : 20/08/2017
Mensagens : 58
Pontos Ativos : 96

Ver perfil do usuário http://sixgold-ner.forumeiros.com

Atendido / Resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Kyo Panda em 12.09.17 17:56

Adicionar efeito degradê nas postagens Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Peço que siga os passos 3 e 4 desse tutorial: https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Quando o fizer, avise-nos para darmos progresso na personalização.
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

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

Atendido / Resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por SkoLL em 12.09.17 21:44

Já fiz...A 3 e 4
SkoLL

SkoLL
Nível 5

Masculino
Inscrito dia : 20/08/2017
Mensagens : 58
Pontos Ativos : 96

Ver perfil do usuário http://sixgold-ner.forumeiros.com

Atendido / Resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Kyo Panda em 12.09.17 21:53

Seguindo as instruções do tópico para o passo 1, adicione esse código a um novo JavaScript:

Código:
(function($) {
   'use strict';
   
   $(function() {
      $('.postprofile-rank > span').each(function() {
         var $this = $(this);
         var className = $this.attr('class');
         
         if (!className) {
            return;
         }
         
         $this.closest('.post').addClass(className);
      });
   });
})(jQuery);

E adicione ao seu CSS:

Código:
.post.nomedorank {
    background-image: linear-gradient(270deg, #FF0000 0%, transparent 100%)
}

Trocando o .nomedorank para o que o senhor definiu no passo 3, e #FF0000 para a cor desejada.
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

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

Atendido / Resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Luiz em 13.09.17 22:21

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum