Efeito Neon No perfil

Queria esse neon laranja como se mostra no Print queria ele somente na cor Laranja para os donos e azul para moderador obrigado.

---

Fórum: http://brasilnewlive.forumeiros.com/ (phpBB 3)

Imagens do problema:

@edit o forum que eu vi o efeito: www.brasilplayforever.com.br

Olá!

Utilize este código:

Código:

.post{
  background-image:url(http://i.minus.com/iBr4Qdj3ybT3j.png);
  background-repeat:repeat-y;
  background-position: left;
}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Olá, Se não for muito encomando poderia me mandar 1 tambem na cor azul e roxo claro?

Obrigado.

Olá!

Azul:

Código:

.post{
  background-image:url(http://i46.servimg.com/u/f46/12/46/70/00/ibr4qd10.png);
  background-repeat:repeat-y;
  background-position: left;
}

Roxo:

Código:

.post{
  background-image:url(http://i46.servimg.com/u/f46/12/46/70/00/ibr4qd11.png);
  background-repeat:repeat-y;
  background-position: left;
}

Até mais!

Ta errado issaê
Ele passou o code que vai aparecer em TODOS os posts, não em posts de pessoas de um determinado rank.
Aguarde uns instantes que irei atraz do code pra vc

Buenas!

O que o senhor deseja é apenas para os membros da staff, correcto?

Queira checar este tópico:

https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Autor, vou apresentá-lo outro meio de degradê.

Cpainel > Módulos > HTML e JS > Criar uma página JS > e em Investimento, marque "Nos tópicos" e cole esse código (não modifique-o):

Código:

$(function(){$('.staffermember').closest('.post').addClass('staffermember')});

Agora, em Cpainel > Usuários e Grupos > Ranks > Administração dos ranks > Clique no rank desejado e troque o nome do rank por esse código, e modifique somente o trecho que está em vermelho:

<b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>

No terceiro e último passo, vamos usar o CSS, CPainel >> Visualização >> Imagens e Cores >> Cores >> Aba 'Folha de Estilo CSS':

Código:

div.post.online.staffermember, div.post.staffermember {
background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
background-position: right bottom;
background-repeat: no-repeat;
}

Veja se resulta.

Se o senhor quiser mudar a imagem para outro rank, o senhor deve mudar os valores "staffermember". Por exemplo, se for para os Moderadores, basta colocar staffermember2.

Um grande abraço,
Naoko!

Olá!

Desculpe-me, nem havia me tocado que queria um para cada usuário, utilize este código:

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.

Crie uma nova página HTML em:
Painel...-> Módulos -> HTML e Javascript -> Gestão das páginas HTML
Clique no ícone " " para criar uma nova página e nessa página adicione o código fornecido acima (lembre-se de modificar o código) e carregue em salvar.

Por último adicione o código abaixo:

<script src=Endereço-da-página-html></script>

Modifique o local de vermelho pelo link da página HTML que criou em seu fórum.
Adicione o código modificado em:
Painel...-> Geral -> Fórum -> Configurações

Peço novamente perdão pelo meu erro.

Melhores cumprimentos,
seender

em qual lugar de configurações eu coloco ?

Olá!

Descrições.

EDIT: o código que passei é só para atribuir cor, para atribuir uma imagem veja o tutorial: https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Até mais!

Fiz isso tudo mais na apareceu o neon no perfil tem que por algo no CSS ?

Olá senhor,

Não. Poderia me mostrar os códigos que o senhor criou, em vista do tutorial?

Até mais.

Aki esta Mikéé os Codicos:

Codico do Javascript:

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('Owner do Forum')").css('background','url(http://i.minus.com/iBr4Qdj3ybT3j.png) repeat-y top right')});

Codico da descrição do Site:

Código:

<script src=http://brasilnewlive.forumeiros.com/10402.js></script>

Codico da administração dos Ranks

Código:

<span class="Owner do Forum">Owner do Forum</span>

Obrigado.

Olá!

Substitua o js por este:

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.Owner do Forum')").css('background','url(http://i.minus.com/iBr4Qdj3ybT3j.png) repeat-y top right')});

Até mais!

Sem Resultados

Olá!

Substitua o js por este:

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.OwnerdoForum')").css('background','url(http://i.minus.com/iBr4Qdj3ybT3j.png) repeat-y top right')});

Substitua o título do rank por este:

Código:

<span class="OwnerdoForum">Owner do Forum</span>

Até mais!

Olá Agora pegou mais pegou pro lado errado. Esta o efeito no lado direito queria no direito obrigado

Olá,
Para Direita

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.OwnerdoForum')").css('background','url(http://i.minus.com/iBr4Qdj3ybT3j.png) repeat-y top right')});

Para Esquerda

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.OwnerdoForum')").css('background','url(http://i.minus.com/iBr4Qdj3ybT3j.png) repeat-y top left')});

Muito Obrigado Podem fechar .