Design Flexible / Klassen und ID

Die Klassen im Baukasten-Design Flexible

Das Design Flexible verwendet ein horizontales Menü (Oben nebeneinander) mit Unterseiten.
Um ein "zweireihiges Menü" zu vermeiden, verwendet kurze Seitentitel bzw. legt sie als Unterseiten an.

Design-Container
.container = Das DIV um das Design herum

Header
.header = Feld mit der Headergrafik
.title = Der Titel im Header

Das Menü
.nav = Das Feld der gesamten Navigation
.nav li = Menü-Botton
.nav li a = Linktexte im Menü
.nav li ul li = Menü-Botton Unterseiten
.nav li ul li a = Linktexte Unterseiten

Seiteninhalt
.content = der Seiteninhalt
.content h1 = Seitentitel im Seiteninhalt

Rechte Box
.widgets = Inhalt der Box

Unter dem Design
.footer = Feld mit Conter und Werbung
#webme_footer_textlink_dont_hide = der Werbetext unter Design

-------------------------------------------------------------------------------------------------------------------------------------------------------

Beispiel zum Anpassen
- wir möchten die Textfarbe des Counters ändern
- die Eigenschaft für Textfarbe ist immer color:
- wir sehen, der Counter sitzt im Feld mit dem Klassennamen .footer
- der CSS-Code beginnt mit dem Klassennamen

- wir möchten die Schriftgröße des Seitentitels im Seiteninhalt ändern
- die Eigenschaft für Schriftgröße ist immer font-size:
- wir sehen hier, den Seitentitel sprechen wir mit .content h1 an
- damit beginnt auch der CSS-Code

Nun möchten wir nachträglich die Textfarbe des Seitentitels ändern.
Wir fügen keinen neuen Code ein, wir erweitern den bestehenden um eine Eigenschaft.

Nach einigem Überlegen möchten wir den Seitentitel im Seiteninhalt entfernen.
Wir fügen keinen neuen Code ein, wie passen den vorhandenen nur an :

Wo füge ich den CSS-Code ein ?
- auf "Extras" gehen
- das - kleine Extra - Eigener head Inhalt aktivieren
- hier sind die CSS-Codes am besten aufgehoben
- alternativ geht auch das Feld "Text ÜBER Design"

Habt Ihr bereits CSS-Codes eingefügt ? Dann enden sie mit einem --> </style>
Alle folgenden CSS-Codes werden immer vor dem --> </style> mit eingefügt.

Du hast noch keinen CSS-Code eingefügt ?
Du benötigst die style-tags, damit die Browser den CSS Code auch umsetzen können.

Das heisst :
- einmal zu Beginn den style-tag öffnen mit <style type="text/css"> <!--
- nun folgen alle CSS-Codes. Egal ob einer, oder Hundert
- und einmal am Ende den style-tag schliessen mit --></style>



Fragen zum Design anpassen ?
Hier stellen - mit Angabe - welches Design Du verwendest : http://www.homepage-baukasten.de/forum/viewforum.php?f=20

.