Como colocar degrade por toda mensagem
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Como colocar degrade por toda mensagem
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- Novo Membro
- Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34
Re: Como colocar degrade por toda mensagem
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.
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.
Re: Como colocar degrade por toda mensagem
- 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- Novo Membro
- Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34
Re: Como colocar degrade por toda mensagem
@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.
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.
Re: Como colocar degrade por toda mensagem
Ok obrigado. pode fechar
Oni_Silver- Novo Membro
- Membro desde : 12/12/2018
Mensagens : 22
Pontos : 34
Tópicos semelhantes
» Como colocar degradê nos tópicos?
» Como colocar uma mensagem em POP-UP
» Como colocar a última mensagem?
» Como colocar uma mensagem automática
» Como colocar senha em mensagem ?
» Como colocar uma mensagem em POP-UP
» Como colocar a última mensagem?
» Como colocar uma mensagem automática
» Como colocar senha em mensagem ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos