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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Registre-se em verde
Ontem à(s) 11:48 pm por Harleen

» Widget staff online
Ontem à(s) 11:33 pm por Harleen

» Assinatura grande!
Ontem à(s) 09:46 pm por Uatyla

» Sub-Fóruns
Ontem à(s) 07:23 pm por Harleen

» Skin do Fórum
Ontem à(s) 07:03 pm por Harleen

» Caixa de busca
Ontem à(s) 06:58 pm por Fatalisss

» Categorias
Ontem à(s) 05:16 pm por Froozen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
Roger_Crazzy
 
Holkis
 

Quem está conectado
200 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 197 Visitantes :: 2 Motores de busca

MarcosSchultz, ViniZiNN, Weep

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Imagem na barra de ferramentas

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

Resolvido Imagem na barra de ferramentas

Mensagem por TreiMark em 13/10/15, 05:30 pm

Detalhes da questão


Endereço do fórum: http://olimpiadaenem.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá,

Gostaria de adicionar a imagem dos usuários na barra superior, ou seja, quando um membro está logado no fórum, sua foto de perfil deve aparecer ao lado esquerdo de "Bem vindo usuário".

Quero que o campo de foto tenha tamanho 24x24px, e que esteja a 8px do começo da letra "B" de "Bem vindo usuário".

Mando uma imagem abaixo para ilustrar o resultado que desejo:



A foto do perfil deve ficar neste espaço definido pelo quadrado branco (sem margem), por isso deve ter tamanho exato de 24 x 24px.

Ressalto que as fotos de todos os usuários de meu fórum são obrigatoriamente quadradas (na maioria dos casos 150 x 150px), por isso, acredito que não terei problemas com redimensionamento de imagem...

Aguardo ajuda!


Última edição por TreiMark em 14/10/15, 05:45 pm, editado 1 vez(es)
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

http://promec.forumeiros.com/
  • 0

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki em 14/10/15, 08:10 am

Olá!

Crie uma nova página Javascript, investida em todas as paginas, com o seguinte código:
Código:
$(function() {
    var avatarUser = _userdata["avatar"];
    $('#fa_menu').before('<span id="hanckiAvatar">' + avatarUser + '</span><style>#hanckiAvatar img {width: 24px;height:24px;}#hanckiAvatar img { position: absolute; background: white; margin-left: -27px; margin-top: 3px; }</style>');
});

Acredito que funcione bem!

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Imagem na barra de ferramentas

Mensagem por TreiMark em 14/10/15, 04:26 pm

Olá @Hancki,

O código não funcionou, nada apareceu.
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

http://promec.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki em 14/10/15, 04:53 pm

Olá!

Isso é porque algum outro código deve estar em atrofio.
No seu fórum (com login feito), clique na tecla F12. Selecione a aba "Consola". Coloque lá na linha no fundo da consola o código que forneci e clique Enter. Ele deve funcionar.

Se funcionar, é porque algum outro código está em atrofio e no carregamento do código ele não atua.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Imagem na barra de ferramentas

Mensagem por [FTD]Randrik em 14/10/15, 04:59 pm

avatar

[FTD]Randrik
Nível 7

Masculino
Inscrito dia : 20/05/2013
Mensagens : 83
Pontos Ativos : 148

http://lspd-samp.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por TreiMark em 14/10/15, 05:44 pm

Olá @[FTD]Randrik, obrigado pelo tutorial. Pena que não encontrei ele antes.

Questão resolvida pode fechar o tópico.
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

http://promec.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por [FTD]Randrik em 14/10/15, 07:33 pm

@TreiMark escreveu:Olá @[FTD]Randrik, obrigado pelo tutorial. Pena que não encontrei ele antes.

Questão resolvida pode fechar o tópico.

Fico grato em lhe ajuda-lo Muito feliz
Quando tiver uma dúvida novamente,consulte primeiro:

http://ajuda.forumeiros.com/t23-lista-de-perguntas-e-respostas-frequentes
http://ajuda.forumeiros.com/t6745-lista-de-tutoriais-dicas-e-astucias
Abrçs
avatar

[FTD]Randrik
Nível 7

Masculino
Inscrito dia : 20/05/2013
Mensagens : 83
Pontos Ativos : 148

http://lspd-samp.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Fraise em 15/10/15, 08:32 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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