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

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

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

Mensagem por The_Shadow¹ em 14/05/13, 11:02 pm

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


Última edição por The_Shadow¹ em 15/05/13, 04:19 pm, editado 1 vez(es)
avatar

The_Shadow¹
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 8
Pontos Ativos : 16

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

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por Sking em 15/05/13, 06:09 am

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por The_Shadow¹ em 15/05/13, 01:27 pm

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

Sim, PHPBB3

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

The_Shadow¹
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 8
Pontos Ativos : 16

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

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por HermeS. em 15/05/13, 01:43 pm

Saudações,

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

Aceda à: "Gestão dos códigos JavaScript"
Painel de Controle Seta Módulos Seta HTML & JavaScript Seta 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 Seta Usuários e Grupos Seta Ranks Seta 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:

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por The_Shadow¹ em 15/05/13, 02:24 pm

@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 Seta Módulos Seta HTML & JavaScript Seta 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 Seta Usuários e Grupos Seta Ranks Seta 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:

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.
avatar

The_Shadow¹
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 8
Pontos Ativos : 16

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

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por HermeS. em 15/05/13, 03:34 pm

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.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Como fazer isso ? bg colorido na postagem.. .-. -2-

Mensagem por The_Shadow¹ em 15/05/13, 04:17 pm

@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 Muito feliz Daí coloquei "top left", "profile" e "buttom left".

Muito obrigado pela paciência !

++Obrigado pra você Muito feliz
avatar

The_Shadow¹
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 8
Pontos Ativos : 16

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

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

- Tópicos similares

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