Como colocar degrade por toda mensagem

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

Atendido / Resolvido Como colocar degrade por toda mensagem

Mensagem por Oni_Silver em 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
Nível 3

Inscrito dia : 12/12/2018
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Atendido / Resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. em 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




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Como colocar degrade por toda mensagem 2169
Como colocar degrade por toda mensagem 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4695
Pontos Ativos : 5747

Ver perfil do usuário http://techmais.forumeiros.com/

Atendido / Resolvido Re: Como colocar degrade por toda mensagem

Mensagem por Oni_Silver em 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
Nível 3

Inscrito dia : 12/12/2018
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Atendido / Resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. em 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




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Como colocar degrade por toda mensagem 2169
Como colocar degrade por toda mensagem 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4695
Pontos Ativos : 5747

Ver perfil do usuário http://techmais.forumeiros.com/

Atendido / Resolvido Re: Como colocar degrade por toda mensagem

Mensagem por Oni_Silver em 20.12.18 15:34

Ok obrigado. pode fechar
Oni_Silver

Oni_Silver
Nível 3

Inscrito dia : 12/12/2018
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Atendido / Resolvido Re: Como colocar degrade por toda mensagem

Mensagem por RafaelS. em 20.12.18 15:55

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Como colocar degrade por toda mensagem 2169
Como colocar degrade por toda mensagem 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4695
Pontos Ativos : 5747

Ver perfil do usuário http://techmais.forumeiros.com/

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