Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Neueste Themen
» Enchanted Fairytale ~ Ein Disney RPG
von Fairy Curse Mo 15 Jan 2018 - 11:31

» Hilfe beim Layout / Design
von AnimeChen.de Di 9 Jan 2018 - 0:31

» Neues Design für Aslan´s Wish!
von Aslan´s Wish So 7 Jan 2018 - 16:08

» Usersuche
von Digirevenge Fr 29 Dez 2017 - 14:07

» Digirevenge ~ Digimon RPG
von Digirevenge Fr 29 Dez 2017 - 13:37

» Frohe Weihnachten
von ShojoSenshu Di 26 Dez 2017 - 10:02

» Aslan´s Wish
von Aslan´s Wish Do 21 Dez 2017 - 17:45

» Umzug auf die eigene Domain!
von Blossom Lounge Sa 16 Dez 2017 - 23:20

» PHP und MySQL!
von AnimeChen.de Fr 15 Dez 2017 - 1:38

» Merry Christmas!
von ADO-finder Di 12 Dez 2017 - 10:10

» HTML-Tutorial | Scrollboxen
von Neovine Mo 13 Nov 2017 - 22:50

» CSS/Javascript-Tutorial | Code markieren
von Neovine Mo 13 Nov 2017 - 22:00

» Die Anime School ist zurück!
von Dream Chaser Fr 10 Nov 2017 - 15:47

» Schloss Zauberbach
von Vongola HQ So 5 Nov 2017 - 21:55

» Welten und Orte im Forum
von ADO-finder So 5 Nov 2017 - 14:08

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


Profilvorschau - Hover

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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.
avatar
ADO-finder
Admin

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

Benutzerprofil anzeigen http://ado-finder.de

Nach oben Nach unten

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
avatar
Neovine

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

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

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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