[Tutorial] Logo des Forums wechselt zufällig bei Seitenwechsel

[inde]



Logo des Forums wechselt zufällig bei Seitenwechsel [Alle Versionen]

TUTORIAL

Vorwort: Da im Laufe der Zeit die Entwicklungen der Browser wie auch des Virenschutzes immer schneller vorangegangen sind, funktionierten auch die vorhergehenden Scripte aus den alten Tutorials, was den Wechsel des Logos bei einem Seitenwechsel angeht, in den Foren leider nicht mehr. Deshalb möchten wir euch hiermit eine andere Variante vorstellen, welche auch wesentlich leichter in der Umsetzung ist. Beschreibung: Dieses Tutorial ermöglicht euch mehrere Logos/Banner in euren Foren anzeigen zu lassen. Das erste Logo/Banner wird sofort bei einem Seitenaufruf des Forums angezeigt. Nach einem Seitenwechsel erfolgt die zufällige Anzeige eines anderen Logos/Banners. Für die Umsetzung wird ein Script im Forum installiert. Dieses Tutorial ist für alle Versionen von Forumieren geeignet inklusive ModernBB. Wichtiger Hinweis Achtet bitte bei der Erstellung der Logos/Banner unbedingt darauf, das eure Grafiken alle die selben Abmaße haben! Ansonsten kann es Probleme bei einem Seitenwechsel geben, da durch die unterschiedliche Höhe der Grafiken das Leseverhalten auf euren Seiten gestört würde. Installation des Scripts Das Script wird installiert im... Administrations-Bereich > Module > HTML und JAVASCRIPT > Javascript Codes Verwaltung Falls noch nicht geschehen, bitte noch "Die Javascript-Code Verwaltung aktivieren", durch einen Klick auf den Radiobutton "Ja" und danach auf "ABSENDEN". Nun klickt auf "EIN NEUES JAVASCRIPT ERSTELLEN". Titel: Logo wechselt bei Seitenwechsel Platzierung: Auf allen Seiten Bei "Javascript Code" den nachfolgenden Beispielcode einsetzen und später dann für euer Forum anpassen. Beispielcode: Code: $(function() {   var banners = [     'https://i58.servimg.com/u/f58/18/46/78/72/foren-12.png',     'https://i58.servimg.com/u/f58/18/46/78/72/foren-13.png',     'https://i58.servimg.com/u/f58/18/46/78/72/foren-14.png',     'https://i58.servimg.com/u/f58/18/46/78/72/foren-15.png',     'https://i58.servimg.com/u/f58/18/46/78/72/foren-16.png'   ],           logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo');   if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)]; }); Anpassung des Scripts Unser Beispielcode beinhaltet 5 Grafiken, welche ihr natürlich austauschen könnt. Auch könnt ihr die Anzahl der Grafiken im Code ganz einfach durch löschen oder hinzufügen einer Codezeile verringern oder erhöhen. Beispiel: Code: 'https://i58.servimg.com/u/f58/18/46/78/72/foren-15.png', Achtet jedoch bitte innerhalb des Codes darauf, dass die letzte Codezeile für die Grafiken kein Komma erhält! Hinweis: Arbeitet bitte innerhalb der Codezeilen sowie auch bei der Umsetzung des Tutorials sorgfältig! Unser Team stellt euch zwar die Tutorials zur Verfügung, jedoch bedeutet dies keinesfalls, dass es dafür auch eine Unterstützung im Support-Bereich gibt! Wir hoffen, euch gefällt dieses Tutorial! Euer Team von Forumieren

 Dieses Tutorial stammt von Ange Tuteur aus dem Englischen Support. Dieses Tutorial unterliegt dem Copyright von hilfe.forumieren.com. Eine Veröffentlichung außerhalb von hilfe.forumieren.com ist nicht gestattet!