Changelog

V1.4

Änderung navi.php, Zeile 20:
Umbenennung der Servervariablen $SCRIPT_NAME in $_SERVER["SCRIPT_NAME"]

$aktuelle_Site = basename($_SERVER["SCRIPT_NAME"]);

V1.3.

a) Der active-Link selbst wird über das id active angesprochen, nicht ein <span>-Container. Gab sonst Probleme mit horizontal-Navigation.
b) Das CSS zur horizontal-Navigation lief nur im Firefox & Co, nicht aber im MSIE. *ups*

zu a) Änderung navi.php, Zeile 32:

Code:

print "tt<li><a href="#" id="active">".trim($ex[0])."</a></li>n";

zu b) neues CSS für die horizontal-Navigation ist als "style.css.horizontal" im Ordner "MyTPL" dabei

CSS für die horizontal-Navigation:

Code:

/* MyTPL - an easy Website Template System. Website: http://mytpl.informationswissenschaft.net Copyright (C) 2005 Guido Üffing [http://www.ueffing.net]. Contact: webmaster[at]mytpl.informationswissenschaft.net See: README.txt for GNU GENERAL PUBLIC LICENSE */ /* StyleSheet zu MyTPL. Die Anordnung hier entspricht der im Quellcode. */ /* Für den Fall, daß eine horizontale Navigation eingesetzt werden soll, einfach diese Datei in "style.css" umbenennen und die ursprüngliche natürlich auch umbenennen - bspw. in "style.css.orig" */ /* Verhalten des Body-Bereichs */ body{ font-size:smaller; font-family:verdana,arial,helvetica,sans-serif; font-color:#000000; background-color:#DDDDDD; margin:50px; } /* Die ganze sichtbare Website */ #website{ padding:50px; border:2px solid red; } /* Kopfbereich (Header) */ #header{ padding:10px; border:1px solid red; background-color:lightgray; margin-bottom:10px; } /* Navigation */ #navigation{ margin-left:-40px; } /* horizontal-Navi */ .nav li { display: inline; list-style-type: none; padding:0;margin:0; } /* Navigation Linkverhalten horizontal-Navi */ .nav li a { display: inline; background-color:white; padding-left:10px; padding-right:10px; border:1px solid red; } .nav li a:hover { display: inline; background-color:red !important; border:1px solid blue; } .nav li a:active,#active { display: inline; cursor:default; background-color:red !important; } .nav li a:visited { display: inline; background-color:white; } /* Der eigentliche Inhalt der Sites */ #inhalt{ clear:both; /* <-- für horozontal-Navi neu hinzu */ margin-top:30px; /* <-- für horozontal-Navi neu hinzu */ margin-left:0px;padding:5px;line-height:150%; border:1px solid red; background-color:lightgray; } /* Der Fußbereich (Footer) */ #footer{ margin-top:5px; border:1px solid red; background-color:lightgray; } /* Verhalten bei bestimmten Tags */ h1{margin-top:2px;}

V1.2.

a) Die Liste (Navigation) soll auch über das <ul>-Tag via CSS angesprochen werden können. Hierzu muss die Class "nav" dem <ul>-Tag zugewiesen werden. Mit entsprechendem CSS können so bspw. horizontal-Navigationen realisiert werden.
b) Der Cursor beim active-Link war eine Hand, soll nun ein Pointer sein.

zu a) Änderung in navi.php, Zeile 24:

Code:

echo "<ul class="nav">n";

zu b)Änderung style.css, Zeile 56 um Eintrag "cursor:default;" ergänzen:

Code:

#navigation li a:active,#active { display: block; cursor:default; background-color:orange; width:100%; border-left:10px; text-decoration:underline; }

V1.1.

a) Ein kleines Bugfix war notwendig:
Um den Anforderungen an XHTML Strict gerecht zu werden, darf kein <div>-Container (Block-Element) in einem <a..>-Container enthalten sein. Lösung: Hier anstelle des <div> den <span>-Container benutzen.


zu a) Änderung in Version 1.0 notwendig in "navi.php", Zeile 33:

Code:

print "tt<li><a href='#'><span id="active">".trim($ex[0])."</span></a></li>n";