Tanja's Gifbildli

-- Newsbox-Tutorial --

NEWS --- NEWS --- NEWS --- NEWS

-- Tanja's Newsbox --

Hier könntest Du Dich nun z.B.

jeweils über meine neuesten

Updates informieren..

Da dies nun aber nur ne Demo-

Newsbox ist, wirst Du hier nicht

wirklich Updates finden..*lol*

Um dieses Tutorial nachzubasteln brauchst Du:

- Ein von Dir selbst erstelltes Bild oder ein Fertigbild Deiner Wahl -

- Eine Homepage, auf der Du die Newsbox im HTML einbauen kannst -

1--Erstelle zuallererst ein Bild in der Größe 250x150px.. Du kannst das Bild z.B. passend zu den Farben und dem Design Deiner Homepage gestalten.. Oder aber auch komplett anders, Deiner Fantasie sind hier keinerlei Grenzen gesetzt...

Mein Bild welches ich passend zu meiner Page gestaltet habe, schaut nun z.B. so aus:

Solltest Du selbst kein Bild erstellen können, so schnapp Dir einfach ein schönes Fertigbild Deiner Wahl, und verkleinere und/oder beschneide es auf die Größe 250x150px...

2--Speichere Dein 250x150px großes Bild nun als jpg Datei (oder wenn es animiert ist als gif Datei) in einen Ordner Deiner Wahl.. Lade Dein Bild nun auf Deinen Webserver hoch..!!

3--Nun kopierst Du Dir hier den HTML-Code für Deine Newsbox:

<CENTER><table border="0" width="1%"><tr><td><Center><img border="0" src="http://www.tanjas-gifbildli.ch/bild.jpg" width="250" height="150"><br><div style="OVERFLOW: auto; WIDTH: 100%; BORDER : #ffffff 1px dotted; background : #000000; color : #ffffff; scrollbar-base-color: #000000; HEIGHT: 150px;"><strong>Hier kannst Du Deinen Text hinschreiben!!</strong></div></td></tr></table>

Baue diesen Code auf Deiner Homepage im HTML ein, dort wo Deine Newsbox erscheinen soll..!!

4--Nun passen wir den HTML-Code noch Deiner Newsbox an:

<img border="0" src="http://www.tanjas-gifbildli.ch/bild.jpg" width="250" height="150">
BORDER : #ffffff 1px dotted; background : #000000; color : #ffffff; scrollbar-base-color: #000000;

Bei http://www.tanjas-gifbildli.ch/bild.jpg gibst Du den genauen Pfad zu Deinem Bild auf Deinem Webserver an, welches Du vorher hochgeladen hast..!! Bei #ffffff gibst Du eine Farbe für den Rahmen der Box an.. Bei #000000 gibst Du eine Farbe für den Hintergrund der Box an.. Bei #ffffff gibst Du eine Schriftfarbe für die Box an.. Bei #000000 gibst Du eine Farbe für den Scrollbalken der Box an..

5--Das war's auch schon, nun musst Du nur noch Deinen Text in die Box schreiben, und die Seite mit Deiner Newsbox auf Deinen Webserver hochladen, und fertisch.. Schon hast Du Deine eigene Newsbox auf Deiner Homepage..

Beim schreiben verzieht es Dir die Box nach unten, das heißt, sie wird nach unten immer länger..!! Aber keine Angst, das ist normal, da Du ja in der Vorschau keinen Scrollbalken in der Box hast..!! Auf Deiner Seite wird die Box dann automatisch wieder in der Original-Größe angezeigt, da man dort ja in der Box herunterscrollen kann..!!

Noch ein kleiner Tipp am Rande..hihi... Solltest Du in Deiner Box auch eine Laufschrift haben wollen, so setzt Du den Text, welcher von rechts nach links laufen soll, einfach zwischen die beiden Befehle <marquee> und </marquee>..!!