» Layout:
» Technik:
Die komplette Seite bleibt konstant umrahmt per Grafik am Bildschirm sichtbar; unabhängig davon lässt sich das Menü nach unten verschieben oder verkürzen. [ d.h. Menü, Kopf (Homepagename), Fuss (www.ihre-seite.de oder sonstiger Text) sowie "Back- und Top-Link" bleiben ständig sichtbar. ] Kopf-und Fusszeile: Zur Kopfzeile: Die Umrahmung des Homepagenames verbreitert sich entprechend bei einem längerem Titel. In der Datei "format.css" können Sie bezüglich Farbe und Rahmen dazu noch an folgender Stelle Einstellungen ändern. /* homepagename */
.titelrahmen {color:black;
border:groove 1px white}
.titelpunkte {color:#535353;}
z.b. für keinen Rahmen (border) und Farbe (color) des Titels in weiss sowie der Punkte neben dem Namen in weiss /* homepagename */
.titelrahmen {color:#ffffff;
border:groove 0px white}
.titelpunkte {color:#ffffff;}
Analog kann auch bei der Fusszeile (Copyright www.ihre-seite.de) Farbe und Schriftgrösse geändert werden /* fusszeile */
.fuss {font-size:7pt;
color:#000000}
Scroll-Leiste: Im Browser Internet Explorer gibt es die Möglichkeit, die Scroll-Leiste farbig anzuzeigen. Dieses regelt der folgende Programm-Code in der Datei "format.css". /* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: white;
scrollbar-base-color: #657c8a;
scrollbar-highlight-color : #ffffff;
scrollbar-shadow-color :#dfdbd0;
SCROLLBAR-TRACK-COLOR: #cccccc;}
Experimentieren Sie doch ruhig einmal mit anderen Farben: 1.  2. 3. 4. 5.
1. = Aktuelle Scroll-Leiste 2. = Etwas heller (scrollbar-base-color: #7895a5;) 3. = In Inhaltshintergrundfarbe (scrollbar-base-color: #89a9b8;) 4. = Wie 1. aber ohne graue Leiste (scrollbar-base-color: #657c8a; scrollbar-track-color: #89a9b8;) 5. = Wie 3. aber ohne graue Leiste (scrollbar-base-color: #89a9b8; scrollbar-track-color: #89a9b8;} Anpassung an Inhalt:
Top-Link: Bei Klick auf den "Top-Link" springt man wieder nach oben an den Anfang der Seite, nachdem man sich ja nach dem Herunterscrollen der Seite zunächst an dessen Ende befunden hat. Eine Möglichkeit so etwas zu realisieren ist ein Neuladen der Seite, was wie folgt geschieht: <a href="#">Top</a> oder <a href="javascript:location.reload()">Top</a>Das funktioniert auch wunderbar, wenn sich der "Top-Link" in der selben Seite (Inhaltsseite) befindet. Bei dieser Konstruktion ist der "Top-Link" jedoch nicht in der Inhaltsseite (inhalt.html), sondern in einer anderen Frame-Seite (unten.html). Der Inhaltsbereich (inhalt.html) muss also über Frame-Grenzen hinweg angesprochen werden. Dies geschieht dadurch , dass man für die Inhaltsdatei einen selbst vergebenen Namen vergibt. In diesem Fall lautet der Name "haupt". Dieser Name wird dann in der Framesteuerdatei (index.html) der Inhaltesseite zugeordnet. <frame src="inhalt.html" name="haupt" scrolling="auto" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">Der vollständige Quelltext, der sich dann in der Seite "unten.hml" befindet, sieht dann wie folgt aus: <a href="javascript: window.parent.haupt.location.reload()"> <img src="images/top.jpg" width="36" height="30" border="0"></a> » Menü:
Der Menü-Rahmen wächst bei jedem neuen Link sozusagen mit, bis nach unten oder verkürzt sich entsprechend, wenn Sie einige Links herausnehmen. Einstellungen:
(Fahre mit der Maus über den Link) Dieser Link ist ohne Ziel und dient nur zur Darstellung der Link-Formatierung. Einstellungen oder Änderungen zu z.B. Schriftgrösse, Schriftfarbe, Haupt-Menü und allgemeine Links o.ä. sind in der Datei "format.css" vorzunehmen. Die CSS-Datei ist eine reine Textdatei und kann auch anstatt per HTML-Editor mit einem reinen Text-Editor bearbeitet werden) |  |