Gutschein-Widgets
Wähle hier ein Widget aus und füge den Code auf deiner Seite ein.
Es ist ganz einfach: Anleitungen für iGoogle, facebook, myspace und deine eigene Homepage zeigen dir wie.
Gutschein-Widget: Stylishe Gutschein-Widgets im Web 2.0 Look
Ein stylishes Widget mit allen Gutscheinen. In Glossy-Black oder Silver-White. Einfach Gutschein auswählen und auf den Button drücken.
Via Dropdown kann man einen Gutschein auswählen. Es erscheint sofort ein Vorschauf auf den Gutschein.
Du kannst zwischen 2 Styles wählen (Schwarz oder Weiß) und die Breite des Widgets anpassen, damit das Widget optimal auf deine Seite passt, zum Beispiel in die Sidebar deines Wordpress. Für Informationen zu allen Style-Möglichkeiten klicke auf den Button "Optionen". Einen Beispiel-Aufruf für die Einbindung des Widgets mit diversen Optionen siehst du wenn du auf Demo klickst.
Wenn du das Gadget bei dir einbinden möchtest (natürlich völlig kostenlos) klicke einfach auf einen der Buttons bei "Hol dir das Widget".
Folgende Parameter und Änderungsmöglichkeiten stehen dir bei diesem Gutschein-Widget zur Verfügung:
| Parameter | Beschreibung | Mögliche Werte | Beispiel |
|---|---|---|---|
| breite | Bestimmt die Breite des Widgets in Pixeln. Default: 300px |
Eine Beliebige Zahl zwischen 1 und xxx | &breite=250 |
| farbe | Bestimme ob das Gadget in Schwarz oder Weiß angezeigt werden soll. Default: schwarz |
Es ist nur der Wert "hell" möglich, wird kein Wert angegeben, ist das Widget im Default-Style glossy-black. | &farbe=hell |
Hol dir das Widget:
Beliebige Webseite
<iframe src="http://www.sparvogel.net/widgets/iframes/dropdown_002.php" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Alle Gutscheine als Drop Down Liste
Ein Dropdown mit allen Gutscheinen. Einfach Gutschein auswählen und auf den Button drücken, schon kannst du kräftig sparen
Sobald man auf den Button drückt wird man direkt zum Shop weitergeleitet. Der Gutscheincode bleibt dabei immer oben angezeigt.
Hol dir das Widget:
Beliebige Webseite
<iframe src="http://www.sparvogel.net/widgets/iframes/dropdown_001.php" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Simple - Eine einfache Gutschein-Liste
Das einfachste aller Widgets. Eine Liste der aktuellsten 20 Gutscheine.
Das Widget übernimmt automatisch das Design deiner Seite. Außerdem kannst du es völlig frei per CSS-Selektoren weiter anpassen.
Ein Beispiel für eine Einbindung kannst du zum Beispiel auf der Website uunuu sehen. Dort wurde dieses Widgets im Footer-Bereich integriert.
BeispielHol dir das Widget:
<iframe src="http://www.sparvogel.net/widgets/iframes/simple_kiss.php" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Retro-Gutschein-Widget (paper-style)
Der Gutschein wie man ihn kennt. Die Gutscheine scrollen automatisch vorwärts. Sobald man mit der Maus darüber fährt halten sie an. Man kann aber auch über die kleinen Pfeile links und rechts selber vor und zurück blättern.
Wenn du dieses Widget in anderen Farben haben möchtest schick uns einfach eine Mail.
Hol dir das Widget:
<iframe src="http://www.sparvogel.net/widgets/iframes/paperstyle_scroller_001.php" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Gutschein-Ticker - horizontal
Im Stile eines News-Tickers werden die letzten und aktuellsten Gutscheine angezeigt. Der Ticker ist 1-zeilig und die Gutscheine werden horizontal weitergescrollt.
<iframe src="http://www.sparvogel.net/widgets/simple_scroller_001.php?richtung=h&breite=400&hoehe=30" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Gutschein-Ticker - vertikal
Im Stile eines News-Tickers werden die letzten und aktuellsten Gutscheine angezeigt. Der Ticker ist 1-zeilig und die Gutscheine werden vertikal weitergescrollt.
<iframe src="http://www.sparvogel.net/widgets/iframes/simple_scroller_001.php?demo=true&richtung=v&breite=400&hoehe=30" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
Gutschein-Widget
Bestimme die Anzahl der angezeigten Gutscheine und deren Aussehen und Farben. Die Gutscheine werden in Boxen dargestellt.
Du kannst die Farben frei anpassen, damit das Widget optimal auf deine Seite passt. Für Informationen zu allen Style-Möglichkeiten klicke auf dem Button "Optionen". Einen Beispiel-Aufruf für die Einbindung des Widgets mit diversen Optionen siehst du wenn du auf Code klickst.
Folgende Parameter und Änderungsmöglichkeiten stehen dir bei diesem Gutschein-Widget zur Verfügung:
| Parameter | Beschreibung | Mögliche Werte | Beispiel |
|---|---|---|---|
| anzahl | Bestimmt die Anzahl der angezeigten Gutschein. Default: 3 Gutscheine |
Eine Beliebige Zahl zwischen 1 und 50 | &anzahl=4 |
| schrift | Bestimme hiermit die Schriftfarbe. Default: #ffffff (weiß) |
Eine 6stellige Hexadezimal-Zahl der HTML-Farbcodes: 000000 - ffffff | &schrift=99ccff |
| hintergrund | Bestimme mit diesem Parameter die Hintergrundfarbe Default: #151515 (grau) |
Eine 6stellige Hexadezimal-Zahl der HTML-Farbcodes: 000000 - ffffff | &hintergrund=66cc33 |
Hol dir das Widget:
Beliebige Webseite
<iframe src="http://www.sparvogel.net/widgets/iframes/square_scroller_001.php?anzahl=2&schrift=000&hintergrund=151515" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" title="Gutscheine und Rabatte"></iframe>
