Efeito Neon No perfil

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

Resolvido Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 07:17 am

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
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 08:46 am

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 09:05 am

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

Obrigado.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 01:35 pm

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por Tsumetai em 13/11/12, 01:38 pm

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
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

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

Resolvido Re: Efeito Neon No perfil

Mensagem por Tiffye em 13/11/12, 01:39 pm

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://illiweb.com/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!
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 02:05 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 02:15 pm

em qual lugar de configurações eu coloco ?
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 02:28 pm

Olá!

Descrições.

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

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 03:01 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por Sennior em 13/11/12, 03:07 pm

Olá senhor,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 05:49 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 06:32 pm

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 13/11/12, 06:38 pm

Sem Resultados
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por seender em 13/11/12, 06:57 pm

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 14/11/12, 12:28 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Efeito Neon No perfil

Mensagem por Evidaaηc em 14/11/12, 01:05 pm

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')});
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Efeito Neon No perfil

Mensagem por #Dean em 14/11/12, 03:03 pm

Muito Obrigado Podem fechar .
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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