Função ícone no Nickname do usuario

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

Resolvido Função ícone no Nickname do usuario

Mensagem por Uatyla em 24/06/14, 08:05 am

  • Descrição:
olá senhores!

Gostaria de saber si é possível colocar o ícone de Staff, como si fosse on-line apenas nos grupo de staff?

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Função,ícone,Nickname,usuario



Última edição por uatyla em 30/06/14, 09:32 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior em 24/06/14, 09:41 am

Saudações amigo,

Poderá fazer assim:
Código:
a[href="/u1"]{background:url(http://illiweb.com/fa/admin/couronne.png) 0 1px no-repeat;padding-bottom:2px;padding-left:20px;padding-top:2px;}

A parte do u1 você irá colocar o ID do usuário da Staff, ou seja basta parar o mouse sobre o Nickname do mesmo e no cando esquerdo do seu monitor logo abaixo irá aparecer o Id do mesmo.

Veja se resulta do jeito que deseja.
Abraços.
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: Função ícone no Nickname do usuario

Mensagem por Uatyla em 24/06/14, 10:21 am

Onde coloco esse código? JS ou CSS?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior em 24/06/14, 10:35 am

Olá,

Coloque no incio de teu CSS.

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: Função ícone no Nickname do usuario

Mensagem por Uatyla em 24/06/14, 11:08 am

Bom não é exatamente o que eu desejo mais eu gostei, mais essa função tem um bug, olhe na imagem abaixo.

A função que eu desejo é que um ícone da staff fique onde está o nome staff na imagem abaixo.

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 25/06/14, 10:40 am

UP!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior em 25/06/14, 10:45 am

Saudações,

Não compreendi bem, deseja que um ícone fique acima do seu avatar no seu perfil e não no Nickname?  Louco 
Perdoe-me, mas não compreendi amigo. Triste 

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: Função ícone no Nickname do usuario

Mensagem por Uatyla em 25/06/14, 11:18 am

Calma que vou explicar.  Rindo
O melhor lugar para aparecer é onde está staff na imagem que informei acima, o mesmo lugar onde ficava o ícone de Online. Mais o c´ntrario do ícone de imagem que aparece para todos que está Online, desejo que apareça só para minha staff.



E o código que você me forneceu tem um bug no perfil, olha aparece duas coroa.

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 26/06/14, 11:54 am

UPPP!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 27/06/14, 02:35 pm

UP! ²
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 28/06/14, 10:11 am

UP! ³
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel em 28/06/14, 10:24 am

Olá!

Vamos lá, o meu código funciona assim: Ele verifica se você tem a cor do grupo staff, se tiver, será adicionado Staff lá em cima como pedido. Fiz exclusivamente para o seu nick, teste:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
Código:
$(function(){
    jColor = "#054EA6"; 
$('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;">STAFF</div>');
});
Está parte do código:
Código:
    jColor = "#054EA6"; 
$('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;">STAFF</div>');
Poderá alterar a cor hexadecimal citada #054EA6, pela cor de um grupo staff seu. Toda vez que multiplicar, terá de adicionar o número '2' se for a sua primeira, '3' se for a segunda, assim sucessivamente. Esses números, devem ser adicionados após o jColor, deste modo:
Código:
    jColor2 = "#054EA6"; 
$('.postprofile dl dt strong a span[style="color:'+jColor2+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;">STAFF</div>');
Outro exemplo:
Código:
    jColor3 = "#054EA6"; 
$('.postprofile dl dt strong a span[style="color:'+jColor3+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;">STAFF</div>');
Seta Fique atento, qualquer dúvida me pergunte.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 11:40 am

Perdoe-me mais não entendi!

Eu desejo adicionar essa imagem só para a staff do meu fórum  e desejo que ela fique onde tem o nome staff nessa imagem.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel em 30/06/14, 03:09 pm

Olá!

Fiz o código pronto pro senhor:
Código:
    $(function(){
        jColor = "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
    });
Seta Só funcionará pros que tem a mesma cor que o seu nome, se quiser adicionar mais pessoas(grupos) passe a cor de cada um em hexadecimal.

Até.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 07:05 pm

Certo funcionou, no caso onde for adicionar outros membros da staff tenho que mudar essa parte?

Código:

     jColor = "#054EA6";
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel em 30/06/14, 07:16 pm

Olá!

Não, veja uma explicação mais pratica:
Esse e o nosso código:
Código:
    $(function(){
        jColor = "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
    });
A primeira linha e a ultima são a estrutura!
Código:
$(function(){
Código:
});
Dentro da primeira / ultima linha, tem isto:
Código:
  jColor = "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
Teremos de multiplicar esta parte acima!
Porém, para que funcione sem conflitos, terá de em cada multiplicação adicionar o número '2' (se for segunda, 3 se for a terceira, assim sucessivamente)
Esse número, entrará ao lado do jColor. Ficando jColor2.
E para adicionar nos dois jColor do código!
Depois disso, nessa parte do código '#054EA6', que e definido a que staff será aplicado o ícone. Está cor: '#054EA6' e a sua cor que peguei pelo código fonte, quando for multiplicar, terá de altera-la para a cor do grupo staff almejado.
Aqui vai, um exemplo de código já modificado e feito!
Código:
    $(function(){
        jColor = "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
 jColor2 = "#054EA6";  /*  <--- NÃO ESQUEÇA DE ALTERAR A COR AO LADO */
    $('.postprofile dl dt strong a span[style="color:'+jColor2+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
 jColor3 = "#054EA6";  /*  <--- NÃO ESQUEÇA DE ALTERAR A COR AO LADO */
    $('.postprofile dl dt strong a span[style="color:'+jColor3+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
 jColor4 = "#054EA6";  /*  <--- NÃO ESQUEÇA DE ALTERAR A COR AO LADO */
    $('.postprofile dl dt strong a span[style="color:'+jColor4+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
    });
Adicionei uma marcação, para que não esqueça!

Atenciosamente.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 07:26 pm

Vamos lá ver si entendi
Si tiver um usuário /u231 ele vai ser 232?
ai ficaria assim.
Código:

    jColor = "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
    jColor 232= "#054EA6"; 
    $('.postprofile dl dt strong a span[style="color:'+jColor232+'"]').parents('.postprofile').before('<div style="position: relative;float: right;top: 20px;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel em 30/06/14, 07:29 pm

Olá!

Não.. '-'
Essa escolha e feita só por 'grupos', basta pegar o código da cor deles clicando em editar em um grupo. Quanto a esses números, pode colocar qual quiser, só não podem se repetir..


Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 07:40 pm

Ahhhh.
Vixi tão simples e eu me matando aqui. kkkk Vlw amigo!

@edite: e a respeito do bug do 1º código fornecido?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel em 30/06/14, 08:28 pm

Olá!

Troque o código do Sennior, por esse javascript:
Código:
/* POR DUEL;
FDF;
FORUMEIROS */
$(function(){
jColor = "#000099"; 
$('.postprofile dl dt strong a span[style="color:'+jColor+'"]').before('<div style="position: relative;left: -20px;top: 15px;"><img src="http://illiweb.com/fa/admin/couronne.png"></img></div>');
});
Seta É o mesmo sistema de antes, ele faz pelos grupos, terá de alterar a cor e adicionar os números. Poderá mudar o ícone também, ao multiplicar. Basta procurar pela URL da imagem no código.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 09:28 pm

Bom funcionou, mais fica saindo do perfil!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla em 30/06/14, 09:31 pm

Melhor vou deixa esse ultimo pra lá!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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