Deixar o fundo do post colorido

Item: Deixar o fundo do post colorido
Rating: 1

por Thaffen_x4 28.05.12 0:03

Qual é minha questão:
Quero deixar o fundo do post de um certo grupo colorido. Como na imagem

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
https://i.imgur.com/mqxFz.png

Endereço do meu fórum:
http://www.ballasls.forumeiros.com

Versão do meu fórum:

por Josh 28.05.12 0:12

Olá,

Leia o conteúdo do Spoiler senhor:

Spoiler:

Imagem nas postagens

Neste tutorial iremos aprender a implantar uma imagem de fundo, que fica na postagem de um usuário integrante de um específico rank.

--> Tutoriais, dicas e astúcias <--
Imagem nas postagens para raks especificos

1º - Explorando o código:
Há códigos disponíveis para cada versão:

phpBB3

jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

phpBB2

jQuery(document).ready(function(){
jQuery("td.row2:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

PunBB

jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

Invision

jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

Os valores selecionados em vermelho deverá ser alterado pelo nome do rank, de acordo com o que iremos aprender ao longo do tutorial.

2º - Inserindo código .JS:
Primeiro devemos adicionar o codigo .JS que irá fazer tal efeito em nosso forum, então deveremos aceder a:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo Java Script

(carregue na imagem para aumentar)

Deixar o fundo do post colorido Painel10

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização - No investimento, você deverá selecionar "Em todas as páginas".

Código JavaScript Código JavaScript

Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

3º - Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle Usuários Ranks Administração dos Ranks
Selecione um rank e clique no botão " Editar

":

(carregue na imagem para aumentar)

No campo "Título do rank" deverá substituir por este código:

Título do rank

O valor vermelho será o comando do código .JS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".

4º - Resultado através de uma imagem:

(carregue na imagem para aumentar)

Deixar o fundo do post colorido Tutorx10

--> FAQ do Tutorial <--
Imagem nas postagens para raks especificos

Vocês disponibilizam imagens para utilização?
Algumas sim, certas utilizadas no FdF:

Caso contrário poderá pedir uma modificação na seção de Criações gráficas.

Deixar o fundo do post colorido Act_bottom

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Imagem nas postagens para raks especificos

Att, Josh

por Thaffen_x4 28.05.12 0:18

Não funcionou.

por Josh 28.05.12 0:20

Boa noite!

Qual seria a versão do seu fórum senhor?

Att, Josh Muito feliz

por Thaffen_x4 28.05.12 17:26

phpBB3

-----

Quero isso igual no seu post

por Josh 28.05.12 17:35

Boa tarde!

Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Crie uma nova página JavaScript no investimento "Nos tópicos"

Código:

$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

equipefundo Seta

Altere o nome, exemplo, para os administradores coloque "equipefundoadm", mudando tambem o url da imagem.

Aceda à "Administração dos ranks":
Painel de Controle Usuários Ranks Administração dos Ranks
Selecione um rank e clique em " Editar

", no título cole isto:

Código:

NOME DO RANK

NOME DO RANK Seta

Altere conforme mudar o valor "equipefundo" do código java script (o primeiro codigo), feito isto clique em salvar.

Um grande abraço,
Josh

por Thaffen_x4 28.05.12 17:49

Não consigo D: Não da certo, faço tudo isso que você falou, fiz mais de 1 vez.. Não consigo.

por MateusV. 28.05.12 17:51

Boa tarde.

Substitua o código JS por este

jQuery(function(){jQuery('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

Abraço.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

por Scrat 28.05.12 19:05

Olá, conversei com o Luciano98, e descobri um código que funcionou no meu fórum:

JS:

Código:: jQuery(document).ready(function(){jQuery('.post:has(.equipefundos)').addClass('equipefundos')});

CSS:

Código:: .post{background-position:right top}.equipefundos{background-image:url(http://i.imgur.com/sBLzn.png);background-repeat:repeat-y}.online.equipefundos{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/sBLzn.png);background-repeat:no-repeat,repeat-y}

No título do rank:

Código:: Nome do rank

Cordialmente
Piscada

por Thaffen_x4 28.05.12 23:28

Não da, to quase desistindo =(

por SuporteOnline 28.05.12 23:34

jQuery(document).ready(function(){i='IDUSUARIO';p='COR';jQuery('.post .name a[href="/u'+i+'"],.postprofile a[href="/u'+i+'"],.post .username a[href="/u'+i+'"],.postprofile .avatar a[href="/u'+i+'"]').closest('.post').css('background-color',p).find('.postbody,.posthead,.postmain,.post-header,.post-footer,td,td *').css('background-color',p)});

Vermelho -> Id do usuário que terá as suas mensagens modificadas (ex:1).
Laranja -> Cor de fundo das mensagens do usuário em inglês ou em código hexadecimal.

por Luciano98 28.05.12 23:56

Olá!

Painel de Controle Módulos Gestão dos códigos JavaScript
Procure por "Activar la gestión de los códigos Javascript :" e marque "Sim".

Clique em "Salvar".

Então utilize o código passado pelo usuário Arceus power.
Depois de utilizado, caso não funcione, deixe os códigos no seu fórum e poste aqui o link de um tópico para nós possamos ver onde está o erro.

Até mais.

por Thaffen_x4 29.05.12 21:44

Os códigos JS estavam desativados @_@ Okay Resolvido

@Edit Gostaria de saber também como deixa do lado esquerdo da mensagem.

Deixar o fundo do post colorido

Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido

Re: Deixar o fundo do post colorido