Avatar met profiellink op navigatiebar

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Avatar met profiellink op navigatiebar

Bericht van TonnyKamper op wo 25 jul 2018 - 17:21

Avatar met profiellink op navigatiebar


Schakel door middel van dit script de toevoeging van een knop met de naam van de gebruiker en de avatar op de navigatiebalk in, die zal doorsturen naar het directe profiel van de gebruiker.
Werkt op forum versies: Alle versies, behalve AwesomeBB (Is nog niet getest op de laatste.)

1. Applicatie resultaat:


De navigatiebar ziet er na het toepassen op het forum als volgt uit:

2. Installatie van het Javascript:


De installatie is uniek en kan alleen worden gedaan door een nieuw javascript aan te maken. De CSS kan worden gewijzigd en is ingesloten in het Javascript. Volg de onderstaande stappen om het effect op jouw forum te installeren.

Ga naar:
Beheerderspaneel Modules Javascriptbeheer - Maak nieuw Javascript

Titel: Eigen keuze (bijv: Avatarprofiel link op navbar)
Plaatsing: Alle pagina's
Code:
/****
 * Applicatie: Profiellink met avatar op de navbar
 * Beschrijving: Deze applicatie toont door middel van een knop met de avatar een link naar het directe profiel van de gebruiker op de navigatiebar.
 * Versie: 1.0
 * Gemaakt en geoptimaliseerd door RafaelS. - 2018/07/06
 * Bekijk meer in: https://ajuda.forumeiros.com
 * Copyright (c) 2018 RafaelS.<rafael_s at outlook dot pt>
 * Dit werk is gratis. Je mag en kunt het vrijelijk aanpassen en distribueren.
 * Onder de voorwaarden van de 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>  ';} // 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;}});


Auteur: RafaelS.

avatar

TonnyKamper
Hulp Moderator
Hulp Moderator

Vrouw Aantal berichten : 320
Geboortedatum : 23-10-54
Leeftijd : 63
Taal : Nederlands, Engels
Locatie : Nederland
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://punt.forumactie.com
TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum