Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosFunção ícone no Nickname do usuario
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Função ícone no Nickname do usuario
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.com | Versão: | PHPBB3 |
| Tipo: | Pedido de código | Tags: | Função,ícone,Nickname,usuario |
Última edição por uatyla em 01.07.14 1:32, editado 1 vez(es)
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Sennior 24.06.14 13:41
Saudações amigo,
Poderá fazer assim:
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.
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Função ícone no Nickname do usuario
por Uatyla 24.06.14 14:21
Onde coloco esse código? JS ou CSS?
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Sennior 24.06.14 14:35
Olá,
Coloque no incio de teu CSS.
Até mais.
Coloque no incio de teu CSS.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Função ícone no Nickname do usuario
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.
A função que eu desejo é que um ícone da staff fique onde está o nome staff na imagem abaixo.
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
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?
Perdoe-me, mas não compreendi amigo.
Até mais.
Não compreendi bem, deseja que um ícone fique acima do seu avatar no seu perfil e não no Nickname?
Perdoe-me, mas não compreendi amigo.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Função ícone no Nickname do usuario
por Uatyla 25.06.14 15:18
Calma que vou explicar. 
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.
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.
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
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:
Fique atento, qualquer dúvida me pergunte.
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
- 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>');
});
- 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>');
- 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>');
- 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>');
Fique atento, qualquer dúvida me pergunte.
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Função ícone no Nickname do usuario
por Uatyla 30.06.14 15:40
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.
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.
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Duel 30.06.14 19:09
Olá!
Fiz o código pronto pro senhor:
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é.
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>');
});
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- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Função ícone no Nickname do usuario
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- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Duel 30.06.14 23:16
Olá!
Não, veja uma explicação mais pratica:
Esse e o nosso código:
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!
Atenciosamente.
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>');
});
- Código:
$(function(){
- 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;"><img src="http://i.imgur.com/JL3oZ5t.gif"></img></div>');
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>');
});
Atenciosamente.
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Função ícone no Nickname do usuario
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.
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- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
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..
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- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Função ícone no Nickname do usuario
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?
Vixi tão simples e eu me matando aqui. kkkk Vlw amigo!
@edite: e a respeito do bug do 1º código fornecido?
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Duel 01.07.14 0:28
Olá!
Troque o código do Sennior, por esse javascript:
É 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.
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>');
});
É 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- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Função ícone no Nickname do usuario
por Uatyla 01.07.14 1:28
Bom funcionou, mais fica saindo do perfil!
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Função ícone no Nickname do usuario
por Uatyla 01.07.14 1:31
Melhor vou deixa esse ultimo pra lá!
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Tópicos semelhantes» Ícone atrás do nickname
» Posicionar ícone online ao lado do Nickname
» Tag antes do nickname de um usuario
» Circular nickname do usuário
» Efeito no nickname do usuário
» Posicionar ícone online ao lado do Nickname
» Tag antes do nickname de um usuario
» Circular nickname do usuário
» Efeito no nickname do usuário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos