Deixar o fundo do post colorido

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

Resolvido Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 27/05/12, 08:03 pm

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:
http://i.imgur.com/mqxFz.png

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

Versão do meu fórum:


Última edição por Thaffen_x4 em 29/05/12, 05:43 pm, editado 1 vez(es)
avatar

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Josh em 27/05/12, 08:12 pm

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




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

- 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 Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo Java Script

(carregue na imagem para aumentar)

Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização - No investimento, você deverá selecionar "Em todas as páginas".
Seta Código JavaScript Código JavaScript
Seta 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.

- Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle Seta Usuários Seta Ranks Seta 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:
<span class="nomedorank">Título do rank</span>
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".

- Resultado através de uma imagem:

(carregue na imagem para aumentar)


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




© Fórum dos Fóruns


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 Muito feliz
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 27/05/12, 08:18 pm

Não funcionou.
avatar

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Josh em 27/05/12, 08:20 pm

Boa noite!

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

Att, Josh Muito feliz
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 28/05/12, 01:26 pm

phpBB3

-----

Quero isso igual no seu post
avatar

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Josh em 28/05/12, 01:35 pm

Boa tarde!

Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta 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(http://img809.imageshack.us/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 Seta Usuários Seta Ranks Seta Administração dos Ranks
Selecione um rank e clique em " Editar ", no título cole isto:

Código:
<span class="equipefundo">NOME DO RANK</span>
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
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 28/05/12, 01:49 pm

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

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por MateusV. em 28/05/12, 01:51 pm

Boa tarde.

Substitua o código JS por este
jQuery(function(){jQuery('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});

Abraço. Piscada

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Scrat em 28/05/12, 03:05 pm

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://illiweb.com/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:
<span class="equipefundos">Nome do rank</span>

Cordialmente
Piscada
avatar

Scrat
Nível 9

Masculino
Inscrito dia : 21/04/2012
Mensagens : 233
Pontos Ativos : 342

Ver perfil do usuário http://shift.forumactif.com

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 28/05/12, 07:28 pm

Não da, to quase desistindo =(
avatar

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por SuporteOnline em 28/05/12, 07:34 pm

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

SuporteOnline
Nível 10

Masculino
Inscrito dia : 28/04/2012
Mensagens : 279
Pontos Ativos : 410

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Luciano98 em 28/05/12, 07:56 pm

Olá!

Painel de Controle Seta Módulos Seta 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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Deixar o fundo do post colorido

Mensagem por Thaffen_x4 em 29/05/12, 05:44 pm

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

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

Thaffen_x4
Nível 2

Masculino
Inscrito dia : 29/01/2012
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://www.hyperlife.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