Imagem na barra de ferramentas

4 participantes

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

Tópico resolvido Imagem na barra de ferramentas

Mensagem por TreiMark 13.10.15 21:30

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:

barra - Imagem na barra de ferramentas 21432tg

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 21:45, editado 1 vez(es)
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki 14.10.15 12:10

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por TreiMark 14.10.15 20:26

Olá @Hancki,

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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki 14.10.15 20:53

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por [FTD]Randrik 14.10.15 20:59

[FTD]Randrik

[FTD]Randrik
**

Membro desde : 20/05/2013
Mensagens : 83
Pontos : 148

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por TreiMark 14.10.15 21:44

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

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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por [FTD]Randrik 14.10.15 23:33

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:

https://ajuda.forumeiros.com/t23-lista-de-perguntas-e-respostas-frequentes
https://ajuda.forumeiros.com/t6745-lista-de-tutoriais-dicas-e-astucias
Abrçs
[FTD]Randrik

[FTD]Randrik
**

Membro desde : 20/05/2013
Mensagens : 83
Pontos : 148

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

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Imagem na barra de ferramentas

Mensagem por Fraise 15.10.15 12:32

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

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