[AddOn] Exibir perfil no menu Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[AddOn] Exibir perfil no menu

3 participantes

Ir para baixo

[AddOn] Exibir perfil no menu Empty [AddOn] Exibir perfil no menu

Mensagem por RafaelS. 20.07.18 0:57

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:

[AddOn] Exibir perfil no menu LJqSE6k

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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

[AddOn] Exibir perfil no menu Empty Re: [AddOn] Exibir perfil no menu

Mensagem por Shek 20.07.18 1:13

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

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

[AddOn] Exibir perfil no menu Empty Re: [AddOn] Exibir perfil no menu

Mensagem por MateusAnjosV 20.07.18 14:47

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'
  });
        }
 });
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos