Die Animexx-News auf deiner Homepage

Um was geht es hier überhaupt?

Wenn du selber eine kleine Anime-Homepage hast, kennst du das folgende Szenario vielleicht: Man will einen kleinen News-Ticker auf seiner Homepage haben, der die Besucher kanpp über die Dinge informiert, die in der Anime-Welt so vor sich gehen, hat selbst aber oft einfach nicht die Zeit diesen täglich zu aktualisieren.

Da wir von Animexx.de mit den Animexx-News ein funktionierendes, stetig aktuelles System stehen haben, bieten wir euch mit dem Export die Möglichkeit die aktuellen Schlagzeilen in eure eigene Homepage als News-Ticker zu integrieren.

Wie kann ich also nun den News-Ticker in meine Homepage integrieren?

Den Ticker haben wir über eine JavaScript-Datei gelöst, welche auf unserem Server liegt und einfach nur in eure Seite eingebunden werden muss.

Die pur-Version

Das einfachste HTML-Tag dazu ist folgendes:
<script type="text/javascript" src="http://news.animexx.de/news.js.php?zeitraum=XX"></script>
Die XX müssen dabei einfach nur durch eine beliebige Anzahl an Tagen ersetzt werden. Beispiel für sieben Tage:

CSS-Version

Da die erste Variante nicht viel eigener Kreativität Raum lässt, gibt es mittlerweile auch eine zweite Version, welche über folgendes HTML-Tag verfügbar ist: <script type="text/javascript" src="http://news.animexx.de/news.js.php?style=animexx&zeitraum=XX"></script>
Wieder müssen die XX dabei einfach nur durch eine beliebige Anzahl an Tagen ersetzt werden. Beispiel für sieben Tage:


Das ist eine per CSS formatierte Liste. Das style=animexx sorgt für oben gezeigtes blaues Erscheinungsbild.
Eine Veränderung nach style=none lässt einfach nur puren HTML-Quellcode ausgeben, welchen ihr dann selbst formatieren könnt. Damit ihr nicht von Null anfangen müsst, hier der CSS-Code der bei der Angabe style=animexx automatisch mit eingefügt wird <style type="text/css"> .animexxNews { padding:10px 10px; width:40em; background-color:#F0F0FF; border:1px solid #C3C3FF; font-family:Verdana, Arial, Helvetica; } .animexxNews ul { list-style-type:square; margin-top:0; margin-bottom:10px; } .animexxNews a { color:#5858FF; } .animexxNews .animexxRelink a { color:#C3C3FF; } .animexxNews .animexxRelink a:hover, .animexxNews .animexxRelink a:active { color:#5858FF; font-weight:bold; } .animexxNews .animexxRelink { text-align:right; margin-bottom:0; margin-top:0; } </style> Ein solcher Block, vor dem entsprechenden JavaScript auf eurer Homepage, lässt euch den News-Ticker nach euren Wünschen formatieren.

Für alle, die einfach nur die Hintergrund Farbe oder die Link Farbe ändern wollen, gibt es zudem noch zwei Parameter, welche sich an die CSS-Version anhängen lassen:

• color
• bgcolor

Zusätzliche Informationen

Der Service ist natürlich vollkommen kostenlos, wir würden uns aber über eine E-Mail an info@animexx.de freuen, wenn ihr euch dazu entschließt das Skript zu verwenden, damit wir auch sehen wo es überall eingesetzt wird ^_-