Fast News
Mini-Chat
Registriere oder Autorisiere dich, um den Chat zu Benutzen.
Beschreibung

uScripts - große Ansammlung von Designs für uCoz, interessante und einzigartige Lösungen für uCoz.

Außerdem bieten wir ihnen Tutorials und einen Live - Support im Forum an, stellen Sie ihre Fragen einfach ins Forum.

Kostenlos Designs uCoz herunterladen

Share
Unsere Umfrage
Kommentar in HTML?
Übergänge
Lade...
Unser Banner
Fun Box
Kostenlose Flash Animation für eure Website

Shadowbox 3.0.3

Datum: 25.01.2012 Kategorie: Scripts Autor: mobbel9
 - Kein Bild vorhanden
Hier mal ein Script für die Shadowbox 3.0.3
und die dazu gehörigen Dateien.
1. Die Dateien downloaden und den Inhalt bei euch hochladen ( nur den inhalt des Ordners nicht den Ordner ansich hochladen )

2. Diesen Code unter "Seiten der Webseite" zwischen <head></head> einfügen
Code
<link rel="stylesheet" type="text/css" href="/shadowbox.css">
<script type="text/javascript" src="/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>


3. Das war es nun schon fast. Nun könnt ihr an der stelle eurer Seite wo ihr die Shadowbox benutzen wollt verschiedene Codes benutzen.
es gehen echt viele ich werde ein Paar nun nennen

3.1. Youtube videos mit vorschaubild
Code
<a rel="shadowbox;width=570;height=316" title="HIER TITEL EINGEBEN" href="HIER DEN LINK DES YOUTUBE VIDEOS EINFÜGEN"><img src="HIER EUER VORSCHAUBILD" alt="video" title="Zeige Video"/></a>

mit width & height könnt ihr die größe verändern, aber das muß ich ja euch nicht mehr erklären.
3.2. Bild mit Vorschau
Code
<a rel="shadowbox;title=TITEL DER BOX" href="LINK ZUM BILD GROß" title="TITEL DES KLEINEN BILDES"><img src="LINK FÜR KLEINES BILD"></a>

3.3. Fotogallery mit Slidshow
Code
<a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 1" href="images/bild_gross_01.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_01_klein.jpg" alt="GalleryBild"></a>
  <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 2" href="images/bild_gross_02.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_02_klein.jpg" alt="GalleryBild"></a>
  <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 3" href="images/bild_gross_03.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_03_klein.jpg" alt="GalleryBild"></a>
  <a rel="shadowbox[gruppe];title=Bild 4" href="images/bild_gross_04.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_04_klein.jpg" alt="GalleryBild"></a>


So das wars erst mal es gibt noch eine menge mehr Codes dafür den Link nenne ich euch gleich aber erstmal viel Spas damit. Hofe ich habe nix vergessen wenn ja sagt mir bescheid entweder hier oder auf meine Seite da ich nicht jeden Tag hier bin ok.

Das ist die Seite wo es nochmal die Codes gibt und noch ein paar mehr

Und hier gehts zur meiner Seite



Sharing is sexy...
Aufrufe: 79 Kommentare: 2
Kommentare insgesamt: 2
* 2 mobbel9 (31.01.2012 04:16)
avatar
 0 
Ah misst dachte das mit dem Code einführen geht hier. also nur den Text zwischen den [code] [/code] benutzen.

Vielleicht kann das ja ein MOD mal ändern.
* 1 mobbel9 (31.01.2012 04:13)
avatar
 0 
Hallo

Sorry ich habe gerade bemerkt das der Code der zwischen <head></head> kommt falsch ist hier der richtige:

Code
<link rel="stylesheet" type="text/css" href="/shadowbox.css">
<script type="text/javascript" src="/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>


so nun passt alles Sorry
Sehr geehrter Besucher, Sie sind auf der Website als nicht registrierter Benutzer.
Wir empfehlen Ihnen sich zu Registrieren oder unter Ihrem alten bekannten Daten auf der Website zu Autorisieren.
 
Dein Benutzername: Dein Passwort:
Sie sind eingeloggt als Gast, wir empfehlen Ihnen sich zu Autorisieren oder zu Registrieren. Wenn Sie ihr Passwort vergessen haben, so können Sie es wiederherstellen.