Quelltext der Datei: http://www.michaelster.ch/lernen/daf/leittext.php

Dateigrösse: 3.17 kb

[Anzeige ohne Zeilennummern]

1 
<!-- © 2005 by michaelster -->
<!-- Divs & Layers -->

<html>
    <head>
        <title>Leittext</title>
        <style type="text/css">
body    { margin:0px; padding-top:0px; padding-left: 0px; font-family: verdana,arial,sans-serif;  font-size: 12px !important;  }
a        { text-decoration:none; color: #849DBC; font-family: verdana; font-size: 11px; font-weight: bold; }
a:hover    { text-decoration:underline; color: #000000; }
li    { padding: 2px; padding-left:0px; margin-left:-5px; }

#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; }
#navi    h2 { margin:0px; padding:0px; font-size: 12px; font-weight: bold; margin: 0px; }
#navi    h3 { margin:0px; padding:0px; font-size: 11px; font-weight: bold; margin: 0px; }
#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 }
.leer    { background-color:#f8f8ff; color:#849DBC !important; font-family: arial,verdana, sans-serif; font-size: 12px !important; }
#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; }

</style>
    </head>
    
<body style="backgroundcolor:#849DBC">

<?php
$monate = array("Dezember","Januar","Februar","M&auml;rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
$zeit = date("H:i");
$m = date("n");
$tag = date("j");
$jahr = date("Y");
$monat = $monate[$m];
$datum = $tag.". ".$monat." ".$jahr;
?>
    <div id="navi">
    <table width="300" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100" align="left"><h2>Leittext</h2></td>
    <td width="200" align="right"><h3><?php echo $datum; ?></h3></td>
    </tr>
    </table>
    </div>
<div id="content">
<ul>
    <li>Ordnen Sie die acht Bilder und Texte so, dass sie eine zusammen hängende Geschichte erzählen.</li>
    <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>
    <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>    
    <li>Sobald Ihr Resultat gespeichert ist, erscheint oben rechts der Button 'Lösung'. Klicken Sie diesen an.</li>
    <li>Oben rechts öffnet sich ein neues Fenster mit den Lösungen, beginnend mit Bild 1.</li>
    <li>Überprüfen Sie, ob die Lösung von Bild 1 und Text 1 mit Ihrem Resultat übereinstimmt.</li>
    <li>Weiter geht's im kleinen Lösungsfenster mit dem Bild Nummer | 2 |,</li>
    <li>dann Bild Nummer | 3 |,</li>
    <li>etc...</li>
</ul>
</div>

<div id="footer">
[<a href="javascript:self.close();"> Fenster schliessen </a>]
</div>

</body>
</html>