Dateigrösse: 3.17 kb
1 <!-- © 2005 by michaelster --> 2 <!-- Divs & Layers --> 3 4 <html> 5 <head> 6 <title>Leittext</title> 7 <style type="text/css"> 8 body { margin:0px; padding-top:0px; padding-left: 0px; font-family: verdana,arial,sans-serif; font-size: 12px !important; } 9 a { text-decoration:none; color: #849DBC; font-family: verdana; font-size: 11px; font-weight: bold; } 10 a:hover { text-decoration:underline; color: #000000; } 11 li { padding: 2px; padding-left:0px; margin-left:-5px; } 12 13 #navi { margin:0px; padding:5px 10px 5px 10px; position: absolute; top: 15px; left: 15px; width: 300px; background-color: #f5f5f5; z-index:20; border-bottom: 2px solid #849DBC; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } 14 #navi h2 { margin:0px; padding:0px; font-size: 12px; font-weight: bold; margin: 0px; } 15 #navi h3 { margin:0px; padding:0px; font-size: 11px; font-weight: bold; margin: 0px; } 16 #content { position:absolute; top:39px; left:15px; width:320px; height:440px; clip:rect(0px 320px 440px 0px); background-color: #ffffff; padding-top:10px; padding-right:15px; z-index:10 } 17 .leer { background-color:#f8f8ff; color:#849DBC !important; font-family: arial,verdana, sans-serif; font-size: 12px !important; } 18 #footer { margin:0px; padding:5px 0px; position: absolute; top: 459px; left: 15px; width: 320px; background-color: #ffffff; color: #849DBC; font-family: verdana; font-size: 11px; text-align: center; border-top: 2px solid #849DBC; z-index:20; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } 19 20 </style> 21 </head> 22 23 <body style="backgroundcolor:#849DBC"> 24 25 <?php 26 $monate = array("Dezember","Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); 27 $zeit = date("H:i"); 28 $m = date("n"); 29 $tag = date("j"); 30 $jahr = date("Y"); 31 $monat = $monate[$m]; 32 $datum = $tag.". ".$monat." ".$jahr; 33 ?> 34 <div id="navi"> 35 <table width="300" border="0" cellspacing="0" cellpadding="0"> 36 <tr> 37 <td width="100" align="left"><h2>Leittext</h2></td> 38 <td width="200" align="right"><h3><?php echo $datum; ?></h3></td> 39 </tr> 40 </table> 41 </div> 42 <div id="content"> 43 <ul> 44 <li>Ordnen Sie die acht Bilder und Texte so, dass sie eine zusammen hängende Geschichte erzählen.</li> 45 <li>Bilder und Text-Layers verschieben Sie, indem Sie sie mit der linken Maustaste anklicken. Halten Sie dabei die linke Maustaste gedrückt und ziehen Sie das Bild an den richtigen Platz.</li> 46 <li>Wenn alle Bilder und Texte richtig platziert sind, füllen Sie das Feld 'Dein Vorname' aus. Dann mit dem Button 'Positionen speichern' bestätigen.</li> 47 <li>Sobald Ihr Resultat gespeichert ist, erscheint oben rechts der Button 'Lösung'. Klicken Sie diesen an.</li> 48 <li>Oben rechts öffnet sich ein neues Fenster mit den Lösungen, beginnend mit Bild 1.</li> 49 <li>Überprüfen Sie, ob die Lösung von Bild 1 und Text 1 mit Ihrem Resultat übereinstimmt.</li> 50 <li>Weiter geht's im kleinen Lösungsfenster mit dem Bild Nummer | 2 |,</li> 51 <li>dann Bild Nummer | 3 |,</li> 52 <li>etc...</li> 53 </ul> 54 </div> 55 56 <div id="footer"> 57 [<a href="javascript:self.close();"> Fenster schliessen </a>] 58 </div> 59 60 </body> 61 </html>