Profilvorschau - Hover
2 verfasser
:: Aufbauhilfe :: Tutorials :: Forumieren
Seite 1 von 1
Profilvorschau - Hover
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:
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.
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.
Re: Profilvorschau - Hover
Vielen Dank dafür, dass Ihr dieses Tutorial übersetzt habt!
Ich habe es soeben bei uns im Forum eingebaut und es funktioniert wunderbar.
Ich habe es soeben bei uns im Forum eingebaut und es funktioniert wunderbar.
:: Aufbauhilfe :: Tutorials :: Forumieren
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|