|
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 993 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 "Segelboote - names logo.jpg") können Sie tauschen. Ihr Foto können Sie anpassen.
Zu ändern in der Datei format.css bei:
#logo {
background-color:#fff;
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:220px;
}
Mit der ersten Höhenangabe (hier:100px) bestimmen Sie die Höhe über der Menü-Spalte und mit der zweiten Höhenangabe (hier:220px) geben Sie die Resthöhe Ihres Fotos an.
P.S. Unser Foto "logo.jpg" hat die Maße 900x320 Pixel. Falls es Probleme geben sollte, bei z.b. sehr wenig Inhalt im Inhaltsfeld, geben Sie bei der zweiten Höhenangabe bitte 20px weniger ein, also um bei unserem Beispiel zu bleiben: 200px.
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;
vertical-align:middle;
text-align:center;
}
Stellen Sie hier entsprechend die Höhe (height) anders ein.
6. Mini-Buttons:
Die immer beliebter werdenden Mini-Buttons unter "Favourite Links", welche besonders in vielen Blog-Seiten auftauchen dienen als Beispiel und Sie können diese gerne löschen, auch unsere Buttons. Oder Sie fügen weitere Buttons hinzu.
Zu Ihrer Information: Unsere 4 Buttons (Templates / On-Mouseover / SISPapenburg) sowie der Wikipedia-Button sind offizielle Buttons. Die restlichen Buttons sind Fantasie-Buttons.
7. Anlegen von Seiten bzw. Verlinken:
Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
|
Favourite Links.
