[AddOn] Exibir perfil no menu

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

  • 0

[AddOn] Exibir perfil no menu

Mensagem por RafaelS. em 19/07/18, 08:57 pm

Exibir perfil no menu

Permita por meio deste script a adição de um botão com o nome e avatar do usuário à barra de navegação, que redirecionará para o perfil do mesmo.

Características e aplicação


Autor: RafaelS.
Versão do código: 1.0
Versão de fórum: Todas as versões

Resultado da aplicação


A aplicação terá a seguinte aparência / resultado após ser aplicado ao fórum:


Local de instalação


A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS pode ser modificado, e está embutido no Javascript. Queira seguir os passos a seguir para instalar o efeito em sua comunidade.

Painel de Controle >> Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript

Investimento:  Em todas as páginas

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).prepend(prependcode);
}else{return;}});
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3707
Pontos Ativos : 4710

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

Re: [AddOn] Exibir perfil no menu

Mensagem por Shek em 19/07/18, 09:13 pm

Poxa vida, que bacana! É bem simples, e da um diferencial em temas construídos do zero. Gostei. Obrigado por compartilhar Rafael!


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17902
Pontos Ativos : 22009

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Re: [AddOn] Exibir perfil no menu

Mensagem por MateusAnjosV em 20/07/18, 10:47 am

Amei a ideia, mas, dei uma reajustada aqui, o que achou? Em suma, o mesmo com menos linhas
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 prependcode = '<a class="rafavatar" href="/u'+_userdata.user_id+'"><span id="img">'+_userdata.avatar+'</span></a> &nbsp;';
        var navb =$('body#modernbb .navbar.navlinks, .bodyline table:eq(1) tr td, body#phpbb .navbar .linklist.navlinks, #pun-navlinks ul.clearfix, #submenu ul li ');          
        $(navb).prepend(prependcode);
    $('a.rafavatar #img img ').css({
 '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'
  });
        }
 });
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1650
Pontos Ativos : 2266

Ver perfil do usuário http://holder.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