Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel

Nach unten

[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel Empty [Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel

Beitrag von #Frank Mo 27 Jul 2009 - 21:58

Da es sich hier um ein Java Skript handelt, kann dieser Tipp auf allen Foren Versionen eingesetzt werden.

Als erstes, müssen wir mindestens zwei Logos haben, die wir verwenden möchten. Vorzugsweise sollten beide die gleiche oder eine ähnliche Größe haben.

Dann kopieren Sie diesen Code und fügen ihn in eine neue Textdatei über "Notepad" auf Ihrem Rechner ein:
Code:
while(true){
aleatorio = Math.random();
numero = Math.round(aleatorio * 5);

if (numero == 0){
imagen = "URL zum 1ten Bild";
break;}

if (numero == 1){
imagen = "URL zum 2ten Bild";
break;}

if (numero == 2){
imagen = "URL zum 3ten Bild";
break;}

if (numero == 3){
imagen = "URL zum 4ten Bild";
break;}

if (numero == 4){
imagen = "URL zum 5ten Bild";
break;}

if (numero == 5){
imagen = "URL zum 6ten Bild";
break;}

}
document.write('<a href="Url deines Forums" target="_self" ><img src="' + imagen + '" border=0 style="width: 720px; height: 90px"></a>');

Ich habe hier mal das Skript mit 6 Bildern vorbereitet. Bei weniger als 6 Logos kann der Code entsprechend gekürzt werden.

Die Zeile:
Code:
numero = Math.round(aleatorio * 5);
gibt an wie viele Bilder gewechselt werden sollen. Bei 6 Logos geht es Logischer weise bei "0" los und endet bei "5".

Diese Bereiche weisen den Nummern die Bilder zu:
Code:
if (numero == 0){
imagen = "URL zum 1ten Bild";
break;}
In dieser Zeile:
Code:
document.write('<a href="Url deines Forums" target="_self" ><img src="' + imagen + '" border=0 style="width: 720px; height: 90px"></a>');
Muss noch der Link zu ihrem Forum angegeben werden.
Im Bereich:
Code:
style="width: 720px; height: 90px"
wird die Größe des Logos angegeben, auf die dann alle Logos skaliert werden.
Mit dem Atribut:
Code:
border=0
wird festgelegt, ob ein Rahmen um das Logo erscheinen soll oder nicht.
0 entspricht kein Rahmen; Eine Zahl z.B. 2 entspricht einem Rahmen mit 2 Pixeln.

Wenn alle Anpassungen gemacht wurden sind, dann speichern sie die Datei als "beispiel.js" auf ihrem Rechner.
Beim Speichern darauf achten das unter Dateitypen "Alle Dateien" angezeigt wird.

Schließlich laden Sie die Datei auf dieser Seite:
http://pmsc.free.fr/J03/upload.php
hoch.
Sie erhalten eine Adresse zu der *.js Datei die Sie folgender massen in ihrem Forum eintragen:
Unter "Allgemeines --> Forum -> Einstellungen --> Beschreibung der Webseite
geben sie den Code an:
Code:
 <script src=Beispiel.js></script>
Wo dort nun "Beispiel.js" steht muss natürlich der Link zu der JS Datei eingetragen werden.
Das eigentliche Logo des Forums muss nun entfernt werden.
Unter:
Anzeige --> Logos & Bilder --> Bilderverwaltung --> Fortgeschrittene Methode
auf der Karte "Allgemein / Navigation"
Das Logo durch diese Grafik ersetzen:
Code:
http://2img.net/i/fa/empty.gif

Wenn alles Richtig gemacht wurde kann nun im Forum das Logo des Forums begutachtet werden,
welches bei jedem Seitenwechsel zufällig ausgewechselt wird.

[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel ModeractifFrank
Support Forumieren.com


Zuletzt von #Frank am Mi 16 Jan 2013 - 16:49 bearbeitet; insgesamt 3-mal bearbeitet (Grund : Link erneuert!)
#Frank
#Frank
Administrator
Administrator

Männlich Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!

Browser : Firefox
Anmeldedatum : 13.08.08

Nach oben Nach unten

[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel Empty Re: [Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel

Beitrag von #Frank Mi 19 Mai 2010 - 13:58

Heute mal eine andere Lösung für das Hochladen des fertigen Script.
Wenn ihr nicht den Weg über:
http://pmsc.free.fr/J03/upload.php
wählen wollt, dann geht es auch anders.
Das Script kann auch als HTML Seite in eurem Forum gespeichert werden. Dazu müsst ihr das Script auf einer HTML Seite einfügen. Dabei ist darauf zu achten, das der WYSIWYG Editor nicht aktiv ist. Es ist daran zu erkennen, das das :html: Zeichen so wie hier Grün dargestellt ist. Ist es :nohtml: roht, dann bitte durch einen klick auf dieses Symbol den Modus umschalten!
Das sollte dann so aussehen:
[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel A11289

An dieser Stelle:
Unter "Allgemeines --> Forum -> Einstellungen --> Beschreibung der Webseite
geben sie den Code an:
muss dann der Eintrag folgender Massen aussehen:
Code:
<script src=http://frank2.forumieren.de/Wechselbanner_Script-h5.htm></script>
Den Pfad zur Seite mit dem Script findet ihr dann hier:
[Tuto] [Skript für alle Versionen] Logo des Forums wechselt bei Seitenwechsel A1275

So habt ihr das Script immer im Forum und könnt bei bedarf die Bilder schnell mal austauschen, ohne das Script jedes mal neu hochzuladen und den Pfad bei "Beschreibung der Webseite" zu ändern.
#Frank
#Frank
Administrator
Administrator

Männlich Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!

Browser : Firefox
Anmeldedatum : 13.08.08

Nach oben Nach unten

Nach oben

- Ähnliche Themen

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