Tanja's Gifbildli

-- Ührchen-Tutorial --

Um dieses Tutorial nachzubasteln brauchst Du:

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

- Eine Homepage, auf der Du das Ührchen im HTML einbauen kannst -

1--Erstelle zuallererst ein Bild in der Größe 75x80px.. 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 75x80px...

2--Speichere Dein 75x80px 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 Dein Ührchen:

<CENTER><TABLE id=table style="BORDER: collapse" bgcolor=#000000 cellSpacing=1 cellPadding=0 border=0> <tr> <td> <CENTER><TABLE id=table1 style="BORDER: collapse" bgcolor=#ffffff cellSpacing=0 cellPadding=0 border=0> <TR height=80> <TD align="center"> <IMG height=80 src="http://www.tanjas-gifbildli.ch/bild.jpg" width=75 border=0></TD></TR> <TR height=15> <TD align="center"> <SCRIPT LANGUAGE="JavaScript"> function hoursCheck() { krucial = new Date; hours = krucial.getHours(); min = krucial.getMinutes(); sec = krucial.getSeconds(); day = krucial.getDate(); month = krucial.getMonth()+1; year = krucial.getFullYear(); if (sec < 10) sec0 = "0"; else sec0 = ""; if (min < 10) min0 = "0"; else min0 = ""; if (hours < 10) hours0 = "0"; else hours0 = ""; Dinahours = hours0 + hours + ":" + min0 + min + ":" + sec0 + sec; which = Dinahours if (document.getElementById){ document.getElementById("_hours").innerHTML=which; } setTimeout("hoursCheck()", 1000) } window.onload = hoursCheck; </SCRIPT> <b><font color="#000000" size="1" face="tahoma"><div id="_hours"></div></font></b> </table></td></tr></table>

Baue diesen Code auf Deiner Homepage im HTML ein, dort wo Dein Ührchen erscheinen soll..!!

4--Nun passen wir den HTML-Code noch Deinem Ührchen an:

Bei #000000 gibst Du eine Farbe für den Rahmen Deines Ührchens an.. Bei #ffffff gibst Du eine Farbe für den Hintergrund Deines Ührchens an.. 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 #000000 gibst Du eine Schriftfarbe für Dein Ührchen an..

5--Das war's auch schon, nun musst Du nur noch die Seite mit Deinem Ührchen auf Deinen Webserver hochladen, und fertisch.. Schon hast Du Dein eigenes Ührchen auf Deiner Homepage..