Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Neueste Themen
» Hakuno: Map-Builder und Character-Builder
von hakuno Di 21 Mai 2019 - 21:50

» Mai, der Monat der Musik
von Geheimwelt.FM So 5 Mai 2019 - 18:37

» Music of Death meldet sich zum Dienst!
von Music of Death Do 14 März 2019 - 18:52

» Artikel 13 und der Uplodfilter.
von AnimeChen.de Do 28 Feb 2019 - 21:20

» FLORIAS - Updates
von Florias Di 5 Feb 2019 - 10:22

» Shayvo World
von Shayvo World So 11 Nov 2018 - 17:00

» Hilfe gesucht für Design (CSS)
von Neovine Mi 18 Jul 2018 - 19:51

» Eigene Domain+ SSL und Datenschutzanpassung
von Blossom Lounge Di 22 Mai 2018 - 22:30

» Shima no Koji - where the adventure begins!
von Shima no Koji Do 29 März 2018 - 14:36

» Wo ist die Seite hin??? DC Lost
von Dream Chaser Di 13 März 2018 - 23:59

» Crossover RPG | Rise of the Brave Tangled Frozen Dragons at Hogwarts
von Geheimwelt.FM Di 13 März 2018 - 10:37

» Nützliche Seiten
von Gast Di 6 März 2018 - 8:51

» Lizenzfreie Bilder
von Gast Di 6 März 2018 - 8:38

» Usersuche
von Echsinea Mo 26 Feb 2018 - 14:19

» Neovine RPG-Forum
von Neovine Do 22 Feb 2018 - 21:03

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


Profilvorschau - Hover

Nach unten

Profilvorschau - Hover Empty Profilvorschau - Hover

Beitrag von ADO-finder am Do 14 Sep 2017 - 8:52

Euch ist vielleicht aufgefallen dass man eine kleine Vorschau bekommt, wenn man hier im Forum mit der Maus auf einen Benutzernamen stehen bleibt. Hier möchte ich euch zeigen wie ihr das bei euch im Forum einfügen könnt.

Erneut kann ich nur sagen, dass dieser Code nicht von uns stammt, sondern aus einem englischen Forumotion Hilfeforum, also die Englische Variante zu Forumieren. Hier geht's zum englischen Originalbeitrag.


Geht im Adminbereich unter Module ->  HTML und JAVASCRIPT auf Javascript Codes Verwaltung und erstellt dort ein neues Javascript.
Diese nennt ihr Profile preview und geht bei Platzierung sicher, dass es auf allen Seiten sichtbar ist. Dann fügt ihr folgenden Code ein:

Code:
$(function() {
  var links = $('a[href^="/u"]').filter(function() {
    if (this.firstChild && this.firstChild.tagName) {
      if (this.firstChild.tagName != 'IMG') {
        return this;
      }
    } else {
      return this;
    }
  }),
   
  usersinfo = {};
 
  links.tooltipster && links.not('.mentiontag, .tooltipstered').filter(function() {
    if (!$(this).closest('#tabs')[0]) {
      return this;
    }
  }).tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : 'Loading...',
    functionBefore: function(origin, continueTooltip) {
      continueTooltip();
 
      var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
      if (origin.data('ajax') !== 'cached') {
        if (usersinfo[userid] != undefined) {
          origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
        } else {
          $.ajax({
            type: 'GET',
            url: "/ajax/index.php",
            dataType: "html",
         
            data: {
              f: "m",
              user_id: userid
            },
 
            success: function(html) {
              usersinfo[userid] = html;
              origin.tooltipster('content', html).data('ajax', 'cached');
            }
          });
        }
      }
    }
  });
});

Um das ganze zu aktivieren müsst ihr nun nur noch folgendes tun:
geht im Adminbereich unter Allgemeines -> Nachrichten und E-Mails auf Einstellungen und geht sicher dass das Häkchen bei Benutzernamen-Tags erlauben, bei allen Benutzern liegt.
ADO-finder
ADO-finder
Admin

Kontaktperson : Remus | Rumo | Eiki
Anzahl der Beiträge : 85
Anmeldedatum : 03.04.14

Benutzerprofil anzeigen http://ado-finder.de

Nach oben Nach unten

Profilvorschau - Hover Empty Re: Profilvorschau - Hover

Beitrag von Neovine am So 5 Nov 2017 - 0:02

Vielen Dank dafür, dass Ihr dieses Tutorial übersetzt habt!
Ich habe es soeben bei uns im Forum eingebaut und es funktioniert wunderbar. Smile
Neovine
Neovine

Kontaktperson : Azumi
Anzahl der Beiträge : 13
Anmeldedatum : 04.10.17

Benutzerprofil anzeigen http://neovine-animerpg.forumieren.com/

Nach oben Nach unten

Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten