Grob angeschnitten wurde die jQuery SlidingBoxes ja schon hier.

An dieser Stelle will ich Euch aber nun zeigen wie leicht es ist, jQuery und/oder z. B. die SlidingBoxes Euren Bedürfnissen und Wünschen anzupassen.

Zum testen und fummeln kommt Ihr hier zur Musterseite und dann zur Vorlage (der Version 10 mit allen Updates) und könnt Euch diese downloaden.

Zum optisch besseren Verständnis hier diese Grafik


 jQuery Anleitung.jpg (Größe: 497,84 KB / Downloads: 185)

(WICHTIG: die grafische Beschreibung könnt Ihr Euch erst vergrößert anschauen, wenn Ihr hier im Forum angemeldet seid.)

Dafür erhaltet Ihr mit dieser Grafik aber eine leicht verständliche Beschreibung, wie Ihr alles nach Euren Wünschen anpassend könnt.

Hier aber noch einige der wesentlichen Erklärungen:

<h3> = die in NOF formatierte Überschrift (als Überschrift in der Box)

<br> = Zeilenumbruch

<a href=" für die Angabe eines Links (die Linkadresse endet wieder mit /")

soll der Link sich in einem neuen Fenster öffnen sieht das so aus:
<a href="http://www.deine domain.de/" target="_BLANK"<a/>

und soll der Link selbst mal anders heißen dann sieht das so aus:
<a href="http://www.deine domain.de/" target="_BLANK">Link Text<a/>

<b> = fette Schrift

<span style="font-size: 20px;" = ist z. B. die Schriftgröße

rgb(255,234,0); = die Farbe in RGB

Weit mehr Erklärungen könnt Ihr unter WebmasterPro und auch hier noch finden.

Nachdem Ihr Eure Bilder direkt in den Ordner "Lokale Publizierung" gepackt habt, den oberen Teil des Scripts (siehe auch Grafik) im Layout HTML eingegeben habt und nach Euren Bedürfnissen angepasst habt,


 jQueryscript 1.jpg (Größe: 93,67 KB / Downloads: 81)

zieht Ihr ein kleines Textfeld auf.

Nun fügt Ihr das untere Script (siehe Grafik), also die DivClass, ins HTML des Text-Eigenschaftsfensters ein und passt es ebenfalls Euren Wünschen an.

Diese Anleitung entstand in enger Zusammenarbeit mit Zappelo

Weitere interessante Themen findet Ihr auch in der NOF Schule

Ein großes Dankeschön an Pittiplatsch... Super Idee von Dir!

Info: Alle Nutzer von NOF10 und NOF11 können die Vorlage verwenden.

Alle Puristen, die die Dateien aus der Seite auslagern möchten, können hier nachvollziehen, wie es geht:

Sliding Box mit ausgelagerten Dateien