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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
261 usuários online :: 13 usuários cadastrados, 2 Invisíveis e 246 Visitantes :: 2 Motores de busca

Daemon, Dark-Avenger, Ednaldo Hitmam, Eduardo30821, Holkis, iScroll, kankurokio, Kyo Panda, Kyou, mizuno600, PESS_dodo, vitorsali, Wamki

[ Ver toda a lista ]


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

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 Ter 13 Out 2015 - 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:



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 Qua 14 Out 2015 - 21:45, editado 1 vez(es)

TreiMark
Nível 9

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

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

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki em Qua 14 Out 2015 - 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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8036
Pontos Ativos : 14702

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 Qua 14 Out 2015 - 20:26

Olá @Hancki,

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Hancki em Qua 14 Out 2015 - 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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8036
Pontos Ativos : 14702

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 Qua 14 Out 2015 - 20:59


[FTD]Randrik
Nível 7

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

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

Resolvido Re: Imagem na barra de ferramentas

Mensagem por TreiMark em Qua 14 Out 2015 - 21:44

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

Questão resolvida pode fechar o tópico.

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Imagem na barra de ferramentas

Mensagem por [FTD]Randrik em Qua 14 Out 2015 - 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:

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

[FTD]Randrik
Nível 7

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

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

Resolvido Re: Imagem na barra de ferramentas

Mensagem por Fraise em Qui 15 Out 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7231

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