Função ícone no Nickname do usuario

3 participantes

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

Tópico resolvido Função ícone no Nickname do usuario

Mensagem por Uatyla 24.06.14 12:05

  • 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 01.07.14 1:32, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior 24.06.14 13:41

Saudações amigo,

Poderá fazer assim:
Código:
a[href="/u1"]{background:url(http://2img.net/i/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.
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: Função ícone no Nickname do usuario

Mensagem por Uatyla 24.06.14 14:21

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior 24.06.14 14:35

Olá,

Coloque no incio de teu CSS.

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

Mensagem por Uatyla 24.06.14 15:08

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.

Função ícone no Nickname do usuario Staff
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 25.06.14 14:40

UP!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Sennior 25.06.14 14:45

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

Mensagem por Uatyla 25.06.14 15:18

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.

Função ícone no Nickname do usuario Sttaff

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

Função ícone no Nickname do usuario Staff
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 26.06.14 15:54

UPPP!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 27.06.14 18:35

UP! ²
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 28.06.14 14:11

UP! ³
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel 28.06.14 14:24

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

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 30.06.14 15:40

Perdoe-me mais não entendi!

Eu desejo adicionar essa imagemFunção ícone no Nickname do usuario JL3oZ5t só para a staff do meu fórum  e desejo que ela fique onde tem o nome staff nessa imagem.
Função ícone no Nickname do usuario Staff
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel 30.06.14 19:09

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

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 30.06.14 23:05

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

Código:

     jColor = "#054EA6";
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel 30.06.14 23:16

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

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 30.06.14 23:26

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>');
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel 30.06.14 23:29

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

avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 30.06.14 23:40

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

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Duel 01.07.14 0:28

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://2img.net/i/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.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 01.07.14 1:28

Bom funcionou, mais fica saindo do perfil!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Função ícone no Nickname do usuario

Mensagem por Uatyla 01.07.14 1:31

Melhor vou deixa esse ultimo pra lá!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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