Beitrag # 1 | 19:36
Hallo zusammen,

hiermit biete ich euch eine kostenlose Uhr für eure Homepage OHNE JEGLICHEN COPYRIGHT, oder Links auf andere Websites an. In den folgenden Schritten zeige ich euch, wie Ihr eine eigene Professionelle Java-Uhr erzeugen könnt.

1.) Schritt - Ihr passt folgendes HTML-Scriptum an, und ladet es in angepasster Form auf euren Dateimanager:

bei den mit * markierten stellen, nehmt Ihr ein hintergrundbild für die Uhr eurer Wahl bsp. ---> <--- . Die mit + markierte stellen sind 1*1 große durchsichtige Pixel, die für den Hintergrund dienen. Ihr könnt es selber auf euren Dateimanager laden, indem Ihr auf die Seite geht, und das Bild speichert! [ BITTE DIE STERNE UND + ZEICHEN IM SCRIPT LÖSCHEN]

Code

<!--   Script by chatcommunity   -->         
<body style="margin:0px; padding:0px; background-image:url(*http://DEINE_BILD_URL.gif*); background-repeat:no-repeat;">         
                 
<center>         
<img src="+http://radio-seventy.at.ua/Uhr/clearpixel.gif+" width="78" height="22" border="0" align="top" alt="as time goes by">         
<script language="JavaScript">         
<!--
function Uhr_anzeigen()
{
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = ((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec         
document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
// -->
</script>         
<form NAME="uhr" style="background-image:url(+http://radio-seventy.at.ua/Uhr/clearpixel.gif+); background-repeat:no-repeat; margin:0px; padding:0px;">         
<input TYPE="text" NAME="zeit" SIZE=10 VALUE ="" style="color:#FFCC77; background-color:transparent; border:double #CC3300 0px; font-family:Verdana; font-size: 10px; font-weight:bold; letter-spacing:2; position:absolute; top:25px; left:2px;">         
</form>         
<SCRIPT LANGUAGE="JavaScript">         
//<!--
Uhr_anzeigen();
//-->         
</SCRIPT>         
</center>         
</body>

2.) Schritt - Einbindung des HTML-Scriptums in ein iFrame

Wenn Ihr den oben gezeigten HTML-Code dementsprechend angepasst habt, müsst Ihr ihn in ein iFrame einbinden, das so aussieht:

Code

document.write('<iframe border="0" frameborder="no" framespacing="0" src="*http://HIER_DIE_URL_DER_HTML_DATEI*" scrolling="no" width="80" height="40"></iframe>')

Nachdem Ihr alles angepasst habt, müsst Ihr diesen Code im Editor mit einer .JS endung abspeichern !!

3.) Schritt - Jetzt seid Ihr auch schon so gut wie Fertig ! - Ihr müsst nur noch euren JS Code in folgendes Script einfügen, und danach auf einer beliebigen Stelle auf eurer Homepage einfügen

Code

<script language="JavaScript" src="+http://DEINE-JS-DATEI.js+"></script>

<HR>

Wenn Ihr fertig seid, sieht eure Uhr so aus http://radio-seventy.at.ua/Community.html [links oben]

Viel Spaß mit der Uhr. Bei Fragen, einfach per PN anschreiben wink

Anhänge: 8550318.gif (2.3 Kb)

Beitrag wurde von chatcommunity - Montag, 28.06.2010, 19:48 bearbeitet