Como fazer isso ? bg colorido na postagem.. .-. -2-

Bom galera, realmente, não obtive resposta para esta questão, até porque não tem como procurar, muitos termos = milhões de resultados..

Enfim, eu queria fazer isso no meu fórum:



Esse ' efeito ' rosa por trás do perfil do Master (Staff)

Enfim, tenho a mínima ideia de como fazer, no começo eu pensei que fosse o BG (mesmo que usa pra dar GIF no nome), mas como se estende por TODA a mensagem, independente de quão grande ela for, fiquei mais perdido ainda .-.

Muito obrigado !

OBS: Já olhei este tutorial, mas não funcionou aqui .-.
OBS²: Tive que criar outro pq aquele já estava com o "Resolvido" .0.

Abrç. Shadow


http://hooliganscity.forumeiros.com

PHPBB3

Olá, seu fórum e PHP?
Até mais

Sking escreveu:Olá, seu fórum e PHP?
Até mais

Sim, PHPBB3

Endereço: http://hooliganscity.forumeiros.com

Saudações,

Isto é meio complexo, então peço que tenha muita atenção.

Aceda à: "Gestão dos códigos JavaScript"

Painel de Controle Módulos HTML & JavaScript Gestão dos códigos JavaScript

$(document).ready(function(){
admin='Coloque a imagem que ficara no perfil dele(a)';jQuery('.post .admin, .postprofile .admin,.post .admin,.postprofile .admin').closest('.post').css('background','url('+admin+')').css('background-repeat','no-repeat').css('background-position','bottom right').css('background-color', '#4d4d4d');

});

Modifique os valores em negrito.
e ainda NÃO salve!

Agora vá até:

Painel de Controle Usuários e Grupos Ranks Administração dos Ranks

e no rank em que desejar, coloque sempre isso na frente:

Código:

<span class="admin">

Onde está escrito "admin" modifique para o valor que você deseje, e então você volta para o código anterior e modifique todos os em negrito, por o valor que você pois no rank.

e por final do rank, coloque:

Código:

</span>

Exemplo de como ficaria:

Código:

<span class="equipefundo">Nome do rank aqui</span>

após ter modificado os dois,
Valide.

Exemplo de uma imagem para o fundo:

https://2img.net/r/ihimizer/img819/7112/bgpoststaffc.png

Até mais.

HermeS. escreveu:Saudações,

Isto é meio complexo, então peço que tenha muita atenção.

Aceda à: "Gestão dos códigos JavaScript"

Painel de Controle Módulos HTML & JavaScript Gestão dos códigos JavaScript

$(document).ready(function(){
admin='Coloque a imagem que ficara no perfil dele(a)';jQuery('.post .admin, .postprofile .admin,.post .admin,.postprofile .admin').closest('.post').css('background','url('+admin+')').css('background-repeat','no-repeat').css('background-position','bottom right').css('background-color', '#4d4d4d');

});

Modifique os valores em negrito.
e ainda NÃO salve!

Agora vá até:

Painel de Controle Usuários e Grupos Ranks Administração dos Ranks

e no rank em que desejar, coloque sempre isso na frente:

Código:

<span class="admin">

Onde está escrito "admin" modifique para o valor que você deseje, e então você volta para o código anterior e modifique todos os em negrito, por o valor que você pois no rank.

e por final do rank, coloque:

Código:

</span>

Exemplo de como ficaria:

Código:

<span class="equipefundo">Nome do rank aqui</span>

após ter modificado os dois,
Valide.

Exemplo de uma imagem para o fundo:

https://2img.net/r/ihimizer/img819/7112/bgpoststaffc.png

Até mais.

Nada ainda :/

Aqui, como está o código: Imagem (Clique Aqui)
Como está a mensagem: Imagem (Clique Aqui)

OBS: No código troquei de "bottom right" para "bottom left" e ainda não funcionou (testei com os 2)

No campo do Rank eu coloquei assim:

Código:

<span class="a">Nome dos rank aqui</span>

OBS: Coloquei "dos", sei que está errado, porém é pra diferenciar de outro Rank, e tou com preguiça de editar :p

Aguardo resposta, grato pela tentativa !

Abraço.

Saudações

O mesmo ira funcionar mesmo sendo "bottom right" peço que tente novamente, mais como o código que forneci,
Caso não funcione,
Substitua o código por este:

jQuery(document).ready(function(){
jQuery("div.post:has('.equipefundo')").css('background','url(Imagem aqui) repeat-y top left')});

Modifique os campos em negritos,
e Valide.

Até mais.

HermeS. escreveu:Saudações

O mesmo ira funcionar mesmo sendo "bottom right" peço que tente novamente, mais como o código que forneci,
Caso não funcione,
Substitua o código por este:

jQuery(document).ready(function(){
jQuery("div.post:has('.equipefundo')").css('background','url(Imagem aqui) repeat-y top left')});

Modifique os campos em negritos,
e Valide.

Até mais.

Funcionou certinho Daí coloquei "top left", "profile" e "buttom left".

Muito obrigado pela paciência !

++Obrigado pra você