Siehe hier:
Wichtig ist das der Ordner wo du deine Bilder abgelegt hast mit in dem Script aufgeführt wird.
Digitalclock und basiccalender benötigen wir jetzt.
Nun gehen wir zur zweiten Zeile über, schreibe auch hier wieder ein paar Buchstaben rein.
Dann klicke auf Code und füge das komplette Script dort ein.
Wichtig die Basiccalender kannst du in einem Ordner kopieren oder im root Bereich.
Solltest du es in einem Ordner kopieren dann muss vor dem basiccalnder. noch dein Ordner stehen.
Beispiel: <script type="text/javascript" src="kalender/basiccalendar.js">
Die Uhr kannst du mit diesem Style verändern, das Style kannst du oben downloaden.
Dieses Style kommt im <head> - </head> Bereich, du kannst die Hintergrundfarbe sowie Uhrzeige in eine andere Farbe umwandeln.
<style>
<!--
.styling{
background-color:fefefe;
color:41558E;
font: bold 11px Time New Roman;
padding: 3px;
}
-->
</style>
In dem Script sind Blinkende Punkte die man kann sicherlich auch ändern, schau im Script nach diesen Zeilen.
clockobj.innerHTML=hours+"<font color='c0c0c0'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
clockobj.innerHTML=hours+"<font color='B65C64'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
Die Uhr ist soweit abgeschlossen nun kommen wir zum Kalender.
In der 3. Zeile ein paar Buchstaben schreiben im Quellcode gehen und das Script des Kalender einfügen.
Nun haben wir uns geschafft einen Zufallsbilder, Uhren - Kalender zu erstellen.
Bei jedem neu laden kommen andere Bilder.
>Viel Spaß mit diesem Tutorials :-)