Avatar na barra de menu

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

Atendido / Resolvido Avatar na barra de menu

Mensagem por Steve_. em 20.07.18 9:56

Detalhes da questão


Endereço do fórum: http://srdteam.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Eu gostaria que o avatar aparecesse na barra de menu.

Como está:

Avatar na barra de menu Efeito2

Como quero que fique:

https://uploaddeimagens.com.br/images/001/518/306/full/efeito1.png?1532076964

Fico no aguardo,

Feliz


Última edição por Steve_. em 20.07.18 11:42, editado 1 vez(es)
Steve_.

Steve_.
Nível 9

Masculino
Inscrito dia : 14/08/2016
Mensagens : 231
Pontos Ativos : 371

Ver perfil do usuário https://ajuda.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Pedxz em 20.07.18 10:34

Olá @Steve_.,
Veja se é isto que você quer:
https://ajuda.forumeiros.com/t112498-

Cordialmente,
pedxz


Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2800
Pontos Ativos : 3553

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Steve_. em 20.07.18 10:42

Olá @pedxz

Já testei esse código mas eu preferia como eu mostrei na imagem acima na zona de conectar e desconectar.
Steve_.

Steve_.
Nível 9

Masculino
Inscrito dia : 14/08/2016
Mensagens : 231
Pontos Ativos : 371

Ver perfil do usuário https://ajuda.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Pedxz em 20.07.18 11:20

Tente este:
Código:
/****
 * Application: Link and avatar in the navbar
 * Description: This application can show the link to the user's profile and avatar in the navbar.
 * Version: 1.0
 * Made and Optimizations by RafaelS. - 2018/07/06
 * View more in: https://ajuda.forumeiros.com
 * Copyright (c) 2018 RafaelS.<rafael_s at outlook dot pt>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 **/
 
$(function() {
if(_userdata.session_logged_in > 0) {
 
  var username = _userdata.username, userid = _userdata.user_id,navb,linkav = _userdata.avatar,prependcode = '<li><a class="mainmenu rafavatar" href="/u'+userid+'"><span id="img">'+linkav+'</span>'+username+'</a></li>';
 
if($('body#modernbb').length > 0) navb = '.navbar.navlinks'; // ModernBB version
else if($('td.bodyline').length > 0){navb = '.bodyline table:eq(1) tr td';prependcode = '<a class="mainmenu rafavatar" href="/u'+userid+'"><span id="img">'+linkav+'</span>'+username+'</a> &nbsp;';} // phpBB2 version
else if($('body#phpbb').length > 0){ navb = '.navbar .linklist.navlinks';prependcode = '<li><a class="mainmenu rafavatar" href="/u'+userid+'"><span id="img">'+linkav+'</span>'+username+'</a> &nbsp;</li>';} // phpBB3 version
else if($('.pun #pun-intro').length > 0)navb = '#pun-navlinks ul.clearfix';// punBB version
else if($('#ipbwrapper').length > 0){ navb = '#submenu ul li'; prependcode= '<a class="mainmenu rafavatar" href="/u'+userid+'"><span id="img">'+linkav+'</span>'+username+'</a>';} // Invision version
else return; // no valid version
 
$('head').append(
    '<style type="text/css">' +
    '.mainmenu.rafavatar img {' +
    'display: inline-block !important;'+
    'width:30px;' +
    'height: 30px;' +
    'vertical-align: middle;' +
    'border-radius: 16px;'    +
    'margin-right: 7px;'    +
    'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
  'filter: none;' +
    '}' +
    '</style>'
  );
 
$(navb)
  .find('a[href*="/login?logout=1"]')
  .after(prependcode);
} else {
  return;
 }
});
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2800
Pontos Ativos : 3553

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Steve_. em 20.07.18 11:25

Não, não é assim que eu quero.
Eu quero que ele fique na zona de CONECTAR/DESCONECTAR junto com ( SAIR [NOME DO USUÁRIO] )

Steve_.

Steve_.
Nível 9

Masculino
Inscrito dia : 14/08/2016
Mensagens : 231
Pontos Ativos : 371

Ver perfil do usuário https://ajuda.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Pedxz em 20.07.18 11:31

Acho que percebi o que o senhor quer, teste:
Código:
/****
 * Application: Link and avatar in the navbar
 * Description: This application can show the link to the user's profile and avatar in the navbar.
 * Version: 1.0
 * Made and Optimizations by RafaelS. - 2018/07/06
 * View more in: https://ajuda.forumeiros.com
 * Copyright (c) 2018 RafaelS.<rafael_s at outlook dot pt>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 **/
 
$(function() {
 
if(_userdata.session_logged_in > 0) {
 
  var username = _userdata.username, userid = _userdata.user_id,navb,linkav = _userdata.avatar,prependcode = '<li><a class="mainmenu rafavatar" href="/u'+userid+'"><span id="img">'+linkav+'</span>'+username+'</a></li>';
 
if ($('body#modernbb').length > 0) navb = '.navbar.navlinks'; // ModernBB version
else if($('td.bodyline').length > 0){navb = '.bodyline table:eq(1) tr td';prependcode = '<span id="img">'+linkav+'</span>';} // phpBB2 version
else if($('body#phpbb').length > 0){ navb = '.navbar .linklist.navlinks';prependcode = '<span id="img">'+linkav+'</span>';} // phpBB3 version
else if($('.pun #pun-intro').length > 0)navb = '#pun-navlinks ul.clearfix';// punBB version
else if($('#ipbwrapper').length > 0){ navb = '#submenu ul li'; prependcode= '<span id="img">'+linkav+'</span>';} // Invision version
else return; // no valid version
 
$('head').append(
    '<style type="text/css">' +
    '.mainmenu #img img {' +
    'display: inline-block !important;'+
    'width:30px;' +
    'height: 30px;' +
    'vertical-align: middle;' +
    'border-radius: 16px;'    +
    'margin-right: 7px;'    +
    'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
  'filter: none;' +
    '}' +
    '</style>'
  );
 
$(navb)/*
  .closest('li')*/
  .find('a[href*="/login?logout=1"]')
    .prepend(prependcode);
} else {
  return;
    }
});

Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2800
Pontos Ativos : 3553

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Steve_. em 20.07.18 11:35

É isso mesmo, só mais uma dúvida a imagem fica meia escurecida dá para deixar a cor real? Que por sinal é clara.
Steve_.

Steve_.
Nível 9

Masculino
Inscrito dia : 14/08/2016
Mensagens : 231
Pontos Ativos : 371

Ver perfil do usuário https://ajuda.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por RafaelS. em 20.07.18 11:39

Olá!

Adicione à sua folha de estilos CSS:

Código:
.navbar ul.linklist li a.mainmenu img {
    opacity: 1;
}

Até mais. Feliz




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Avatar na barra de menu 2169
Avatar na barra de menu 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4695
Pontos Ativos : 5747

Ver perfil do usuário http://techmais.forumeiros.com/

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por Steve_. em 20.07.18 11:41

Deu certo. Obrigado. Feliz 2
Steve_.

Steve_.
Nível 9

Masculino
Inscrito dia : 14/08/2016
Mensagens : 231
Pontos Ativos : 371

Ver perfil do usuário https://ajuda.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na barra de menu

Mensagem por RafaelS. em 20.07.18 11:42

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Avatar na barra de menu 2169
Avatar na barra de menu 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4695
Pontos Ativos : 5747

Ver perfil do usuário http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum