Hallo
ich bin hier ganz neu und habe überhaupt keine ahnung von Html ich habe folgende Frage ..
Ich habe für mein Forum dieses Bild gebastelt mit PI 11
[Blockierte Grafik: http://i45.tinypic.com/bg90tf.gif]
Und ich hatte die Idee darauf eine Uhr einzubauen ..mit Datumsanzeige
Wie bekomme ich das hin ?
Ganz verlegen frag :oops:
HTml Code auf einem Bild mit Pi verbasteln
-
-
Hi Jessy,
um darauf eine Uhr zu "installieren", musst du das Bild als Hintergrundbild für z.B. einen div benutzen, in den du die Uhr dann reinpackst.
Mit margin/padding richtest du diese dann aus.Liebe Grüße
Laura -
Als Beispiel (mit PHP gelöst):
PHP
Alles anzeigen/* style */ div#uhr { width: (breite deines bildes); height: (höhe deines bildes); background: url(pfad zu deinem bild); } <!-- im html code --> <div id="uhr"> <?php echo date("d.m.y"); echo "<br />"; echo date("H:i"); echo "Uhr"; // damit da steht 11:15 Uhr und nicht nur 11:15 ?> </div>
d = Tag zweistellig
m = Monat als Zahl zweistellig
y = Jahr zweistellig
Y = Jahr vierstelligH = stunde
i = minuteFür eine Uhr die fortwähren weiterläuft brauchst du JavaSkript ( etwas kompliziert )
Hab mal gebastelt, hier eine Javaskript Uhr:
HTML
Alles anzeigen<html> <head> <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 Zeit += " Uhr" document.uhr.zeit.value = Zeit timerid = setTimeout("Uhr_anzeigen()",1000) } // --> </script> </head> <body> // -> das formular ist wichtig, weil die Uhr in einem Teil mit dem // Namen "Zeit" angezeigt wird, das ist hier der button <form name="uhr"> <input type="submit" name="zeit" style=" background: white; border: none;" /> </form> <script language="javascript"> //<!-- Uhr_anzeigen(); //--> </script> </body> </html>
-
Ohh je :oops: :oops:
Da ich wirklich keine ahnung habe bekomm ich das auch sicher überhaup nicht hin ... :oops: -
<!-- m --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- m -->
Dann gugs dir doch einfach mal an.
-
Hey,
wenn du dort nicht weiterkommst, frag einfach.
Die HTML und CSS Grundlagen sollten dir dafür ausreichen, mit der Datumsfunktion kann dir ja notfalls jemand helfen, falls du dich nicht extra noch in PHP einlesen willst
Liebe Grüße
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!