|
Tipps zur Anpassung
Hier die wichtigsten Einstellungen, falls Sie Änderungen vornehmen:
1. Breite der Gesamt-Konstruktion.
Zu ändern in der Datei format.css bei:
/* breite der gesamtkonstruktion*/
#breite {width:960px}
Für eine Prozentkonstruktion schreiben Sie dort alternativ auch beliebige Prozentwerte, z.B:
/*breite der gesamtkonstruktion*/
#breite {width:84%}
- Egal ob Sie die Breite in Pixel oder Prozent ändern, das Layout ist flexibel angelegt, d.h. der abgerundete Rahmen mit Schatten-Effekt passt sich immer Ihrer Änderung an und wandert mit.
- Falls Sie die Breite ändern, achten Sie darauf, daß Ihr Foto breiter ist, als unser Beispiel-Foto, welches aus bestimmten Gründen nur 900 Pixel breit ist.
2. Die linke Hauptspalte (mit dem Menü und den Boxen) verbreitern oder verschmälern:
Zu ändern in der Datei format.css bei:
/*breite der linken spalte in pixel*/
.breite_hauptspalte_links
{width:280px;
margin:0px;padding:0px}
3. Die Menüs .
Die Menüs passen Sie ggls. in der Datei menue.css an.
4. Die Hauptgrafik bzw. Ihr Logo-Bild .
Das obige Bild (hier das "kleine Wasserspiel - names logo.jpg") können Sie tauschen. Ihr Foto können Sie anpassen.
Zu ändern in der Datei format.css bei:
#logo {
background-color:#444444;
background-image:url
(images/logo.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
}
Die Höhe Ihres Fotos passen Sie an bei:
#top1a {height:100px;
}
und
#top2a {height:242px;
}
Mit der ersten Höhenangabe (hier:100px) bestimmen Sie die Höhe über der Menü-Spalte und mit der zweiten Höhenangabe (hier:242px) geben Sie die Resthöhe Ihres Fotos an.
P.S. Unser Foto "logo.jpg" hat die Maße 900x342 Pixel.
5. Logo-Alternative: Statt des Homepagenames oben über dem Menü können Sie auch eine Logo-Grafik einfügen. Das Menü verschiebt sich dann weiter nach unten.
Zu ändern in der Datei format.css bei:
.box1{
font-size: 14px;line-height: 15px;
font-family: tahoma,verdana,arial,
helvetica,sans-serif;
height:100px;
line-height:100px;
vertical-align:middle;
text-align:center;
color:#7f7f7f;
}
Stellen Sie hier entsprechend die Höhe (height) anders ein.
6. Not-Anpassung für besondere Fälle:
Wir haben die Konstruktion ja leicht verschachtelt, damit sich a). das Hintergrundbild (und somit ggfls. auch Ihres) hinter das Menü legt und b). sich das Menü unabhängig davon beliebig nach unten erweitern lässt.
Auf Grund dessen, kann sich nur in bestimmten Fällen der Inhalt im Inhaltsfeld zu weit nach unten verschieben. - Und zwar nur bei gleichzeitig sehr viel Inhalt in der linken Spalte (also noch mehr als jetzt) und sehr wenig Inhalt im rechten Inhaltsfeld.
Zu ändern in der Datei HTML-Datei bei:
<td id="top3a" valign="top" >
<!-- inhaltsfeld regulieren -:
Dann beim pixelspace.gif die höhe (height) erhöhen.
--> <img src="images/pixelspace.gif" width="1" height="1100" border="0" alt="">
<!-- ENDE inhaltsfeld regulieren --></td>
|
