Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Criar tags BBcode
Hoje à(s) 14:12 por sandra51

» Ajustar mensagens do fórum
Hoje à(s) 13:32 por PrisoN†BreaK

» Problema com de css com a class .page-body
Hoje à(s) 13:30 por Shek Crowley

» Postagem com capa
Hoje à(s) 13:26 por Shek Crowley

» Floquinhos de neve não carregam
Hoje à(s) 13:22 por Shek Crowley

» Botão Thanks na área errada
Hoje à(s) 9:16 por EsromG5

» Conteúdo dos perfis não aparecem
Hoje à(s) 2:10 por Lemon~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
92 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 89 Visitantes :: 2 Motores de busca

Angel', marcosdete, sandra51

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

imagem no nome

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

Resolvido imagem no nome

Mensagem por GXGamer em Ter 9 Fev 2016 - 12:15

Detalhes da questão


Endereço do fórum: http://minecraftbrserver.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


Olá, bom, queria que houvesse alguma forma de colocar uma certa imagem atrás do nome do usuário, igual a isso:

http://prntscr.com/a0yn02

Obs: se possível, gostaria de deixar a imagem um pouco mais separada do nome

GXGamer
Nível 5

Masculino
Inscrito dia : 03/03/2014
Mensagens : 37
Pontos Ativos : 1077

http://expertcraftsurvival.forumeiros.com/forum

Resolvido Re: imagem no nome

Mensagem por GSCode em Ter 9 Fev 2016 - 12:36

Boas @GXGamer
Onde viu o tal efeito?

Crie um JS - Investimento nos tópicos:
Código:
var _0x40a3=["\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x69\x6E\x6B","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x63\x73\x73","\x72\x65\x6C","\x73\x74\x79\x6C\x65\x73\x68\x65\x65\x74","\x68\x72\x65\x66","\x68\x74\x74\x70\x3A\x2F\x2F\x6E\x65\x74\x64\x6E\x61\x2E\x62\x6F\x6F\x74\x73\x74\x72\x61\x70\x63\x64\x6E\x2E\x63\x6F\x6D\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2F\x34\x2E\x30\x2E\x33\x2F\x63\x73\x73\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2E\x6D\x69\x6E\x2E\x63\x73\x73","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];var headID=document[_0x40a3[1]](_0x40a3[0])[0];var cssNode=document[_0x40a3[3]](_0x40a3[2]);cssNode[_0x40a3[4]]=_0x40a3[5];cssNode[_0x40a3[6]]=_0x40a3[7];cssNode[_0x40a3[8]]=_0x40a3[9];headID[_0x40a3[10]](cssNode);

O primeiro a se fazer é acessar essa página e olhar os ícones disponíveis, tem uma centena de ícones a escolha..
http://astronautweb.co/snippet/font-awesome/

O que nos interessa aqui é aquele código que começa com \f é seguido de algum número..

Escolha seu ícone e vamos adicionar o seguinte código CSS para o nossa folha de estilo:

Código:
   span[style="color:#COR DO GRUPO"]:before {
        content: "\CÓDIGO DO ÍCONE";
        font-family: 'FontAwesome';
     padding: 0 4px;
    }

Onde devemos preencher as informações corretamente, no caso mudar a cor do grupo para o grupo desejado e o código do ícone que está disponível no site que eu passei.

Caso deseje inserir o ícone depois do nick do usuário e não antes, basta trocar o :before por :after..

Não esqueça de reputar e marcar como Obrigado.
Até. zen

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: imagem no nome

Mensagem por GXGamer em Ter 9 Fev 2016 - 15:25

@GSCode escreveu:Boas @GXGamer
Onde viu o tal efeito?

Crie um JS - Investimento nos tópicos:
Código:
var _0x40a3=["\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x69\x6E\x6B","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x63\x73\x73","\x72\x65\x6C","\x73\x74\x79\x6C\x65\x73\x68\x65\x65\x74","\x68\x72\x65\x66","\x68\x74\x74\x70\x3A\x2F\x2F\x6E\x65\x74\x64\x6E\x61\x2E\x62\x6F\x6F\x74\x73\x74\x72\x61\x70\x63\x64\x6E\x2E\x63\x6F\x6D\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2F\x34\x2E\x30\x2E\x33\x2F\x63\x73\x73\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2E\x6D\x69\x6E\x2E\x63\x73\x73","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];var headID=document[_0x40a3[1]](_0x40a3[0])[0];var cssNode=document[_0x40a3[3]](_0x40a3[2]);cssNode[_0x40a3[4]]=_0x40a3[5];cssNode[_0x40a3[6]]=_0x40a3[7];cssNode[_0x40a3[8]]=_0x40a3[9];headID[_0x40a3[10]](cssNode);

O primeiro a se fazer é acessar essa página e olhar os ícones disponíveis, tem uma centena de ícones a escolha..
http://astronautweb.co/snippet/font-awesome/

O que nos interessa aqui é aquele código que começa com \f é seguido de algum número..

Escolha seu ícone e vamos adicionar o seguinte código CSS para o nossa folha de estilo:

Código:
   span[style="color:#COR DO GRUPO"]:before {
        content: "\CÓDIGO DO ÍCONE";
        font-family: 'FontAwesome';
     padding: 0 4px;
    }

Onde devemos preencher as informações corretamente, no caso mudar a cor do grupo para o grupo desejado e o código do ícone que está disponível no site que eu passei.

Caso deseje inserir o ícone depois do nick do usuário e não antes, basta trocar o :before por :after..

Não esqueça de reputar e marcar como Obrigado.
Até. zen
Já vi esse código em um fórum, mais não quero o fontAwesome, quero por uma imagem mesmo.
Achei aqui: http://narutorpgakatsuki.com.br/

GXGamer
Nível 5

Masculino
Inscrito dia : 03/03/2014
Mensagens : 37
Pontos Ativos : 1077

http://expertcraftsurvival.forumeiros.com/forum

Resolvido Re: imagem no nome

Mensagem por GSCode em Ter 9 Fev 2016 - 16:08

Ola,
Veja se resulta:

Código:
jQuery(document).ready(function(){jQuery('a[href="/uID"]').before('<img src="IMAGEM">')});

ID = ID do usuário.
IMAGEM = Link da imagem.

Ate!

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: imagem no nome

Mensagem por GXGamer em Ter 9 Fev 2016 - 16:14

Podem fechar, resolvido

GXGamer
Nível 5

Masculino
Inscrito dia : 03/03/2014
Mensagens : 37
Pontos Ativos : 1077

http://expertcraftsurvival.forumeiros.com/forum

Resolvido Re: imagem no nome

Mensagem por RafaelS. em Ter 9 Fev 2016 - 17:28

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4944

http://maisforum.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5