Efeito Neon No perfil

+2
seender
#Dean
6 participantes

Ir para baixo

Tópico resolvido Efeito Neon No perfil

Mensagem por #Dean 13.11.12 9:17

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: Efeito Neon No perfil 6pcnpg

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

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 10:46

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 13.11.12 11:05

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

Obrigado.
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 15:35

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por Tsumetai 13.11.12 15:38

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
Tsumetai
Tsumetai
***

Membro desde : 17/01/2012
Mensagens : 154
Pontos : 221

http://exorcistalliance.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por Tiffye 13.11.12 15:39

Buenas!

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

Queira checar este tópico:

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!
Tiffye
Tiffye
***

Membro desde : 04/11/2012
Mensagens : 199
Pontos : 240

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 16:05

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 13.11.12 16:15

em qual lugar de configurações eu coloco ?
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 16:28

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 13.11.12 17:01

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

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por Sennior 13.11.12 17:07

Olá senhor,

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

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 13.11.12 19:49

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.
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 20:32

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 13.11.12 20:38

Sem Resultados
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por seender 13.11.12 20:57

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 14.11.12 14:28

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

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por Evidaaηc 14.11.12 15:05

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')});
Evidaaηc
Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Neon No perfil

Mensagem por #Dean 14.11.12 17:03

Muito Obrigado Podem fechar .
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos