Como colocar degrade por toda mensagem

2 participantes

Ir para baixo

Tópico resolvido Como colocar degrade por toda mensagem

Mensagem por Oni_Silver 18.12.18 21:53

Detalhes da questão


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

Descrição


Olá vou direto ao ponto.

Usei recentemente este codigo para aplicar um degrade nas mensagens de acordo com a cor dos ranks só que nao ocupou toda mensagem.

Código:
.postprofile, .postmessage .profile {
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topright: 5px;
-moz-border-radius:5px;
-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius:5px 5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
  .postprofile {
border:2px solid #000000;
}

gostaria de fazer ele ocupar toda a mensagem e a cor nao ficar só nas informações do perfil.
Oni_Silver
Oni_Silver
Novo Membro

Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. 19.12.18 13:45

Olá @Oni_Silver,

Infelizmente não é esse o código, procure nos seus JavaScripts o código e poste-o aqui para fazer as alterações.

Um bom dia. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar degrade por toda mensagem

Mensagem por Oni_Silver 20.12.18 4:14

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.post').each(function () {
 
      var $this = $(this);
      var uColor = $this.find('.postprofile a[href^="/u"] span[style]').css('color');
 
      if (uColor === 'rgb(0, 0, 0)') {
        return;
      }
 
      $this.css({
        background: 'linear-gradient(90deg, ' + uColor + ' 0%, rgba(255, 255, 255, 0) 25%)'
      });
 
    });
  });
}(jQuery));

Perdoe-me me esqueci totalmente é esse acima
Oni_Silver
Oni_Silver
Novo Membro

Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. 20.12.18 14:10

@Oni_Silver,

Na linha 15 do código você vai encontrar o seguinte techo: rgba(255, 255, 255, 0) 25%.
Altere o valor 25%, que corresponde à área a ser ocupada pelo degradê. Se aumentar, o degradê irá ocupar mais espaço no post, se diminuir menos.

Espero que isto lhe ajude.
Rafael. King
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar degrade por toda mensagem

Mensagem por Oni_Silver 20.12.18 15:34

Ok obrigado. pode fechar
Oni_Silver
Oni_Silver
Novo Membro

Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. 20.12.18 15:55

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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