Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Gestern um 12:47

» Passwort für meinen Adminbereich vergessen.
von Joost Gestern um 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

» [Klassische Version]  Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von inde Di 30 Mai 2017 - 11:06

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.
[Tutorial] Logo des Forums wechselt zufällig bei Seitenwechsel Logowe10


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

  1. Falls noch nicht geschehen, bitte noch "Die Javascript-Code Verwaltung aktivieren", durch einen Klick auf den Radiobutton "Ja" und danach auf "ABSENDEN". [Tutorial] Logo des Forums wechselt zufällig bei Seitenwechsel 3709112155
  2. Nun klickt auf "EIN NEUES JAVASCRIPT ERSTELLEN".
  3. Titel: Logo wechselt bei Seitenwechsel
  4. Platzierung: Auf allen Seiten
  5. 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! Smile

Euer Team von Forumieren king
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

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