Hallo zusammen
Für mein erstes Projekt mit Dreamweaver CS4 möchte ich meine Menubar (besteht nicht aus aufklappbaren Elementen, sondern ist eine einfache Navigationsleiste) bearbeiten. Erstellt ist sie also schon:
Bild 1
Jetzt möchte ich diese ein wenig bearbeiten:
- Alles soll auf eine Zeile
- Die Schrift soll kleiner werden
- Der Text soll zentriert werden
- Die Menüpunkte sollten einen grauen Farbverlauf haben (unten dünkler, oben heller), wenn die Maus nicht darüberfährt
- Die Menüpunkte sollten einen farbigen Farbverlauf haben, sobald sich die Maus auf einem Menüpunkt befindet.
Im Buch "Adobe Dreamweaver CS4 - Der praktische Einstieg" von 'Hussein Morsy wird beschrieben, wie man solche Menüleisten gestaltet - und zwar wie folgt:
Bei mir sehen ja die CSS-Stile für die Menubar so aus:
Bild 2
>> Woher weiss ich aber, welches dieser Punkte ich auswählen muss, damit ich die oben genannten Designvorstellungen erreiche?
>> Wie gelange ich zu den oben genannten Designvorstellungen?
>> Egal auf welchen Stil (siehe zweites Bild) ich klicke, es öffnet sich immer folgendes Fenster (siehe drittes Bild). Woher weiss ich, bei welchem Stil ich welche dieser Möglichkeiten (Hintergrund, Box,...) ich auswählen muss, damit ich eine bestimmte Veränderung bewirken kann?
Bild 3
Ich hoffe, ihr könnt mir helfen.
Gruss Jonas
Für mein erstes Projekt mit Dreamweaver CS4 möchte ich meine Menubar (besteht nicht aus aufklappbaren Elementen, sondern ist eine einfache Navigationsleiste) bearbeiten. Erstellt ist sie also schon:
Bild 1
Jetzt möchte ich diese ein wenig bearbeiten:
- Alles soll auf eine Zeile
- Die Schrift soll kleiner werden
- Der Text soll zentriert werden
- Die Menüpunkte sollten einen grauen Farbverlauf haben (unten dünkler, oben heller), wenn die Maus nicht darüberfährt
- Die Menüpunkte sollten einen farbigen Farbverlauf haben, sobald sich die Maus auf einem Menüpunkt befindet.
Im Buch "Adobe Dreamweaver CS4 - Der praktische Einstieg" von 'Hussein Morsy wird beschrieben, wie man solche Menüleisten gestaltet - und zwar wie folgt:
Näher wird auf die Bearbeitung nicht eingegangen."Sie sollten nun die CSS-Klassen der Datei SpryMenuBarHorizontal.css sehen.
> Innenabstände ändern:
Doppelklicken Sie auf die CSS-Regel ul.MenuBarHorizontal und deaktivieren Sie in der Kategorie Box unter Margin (Rand) die Checkbos für alle gleich. Geben Sie anschliessend folgendes ein:
[...]
> Hintergrundfarbe entfernen
Für die Hintergrundfarbe ist die CSS-Regel ul.MenuBarHorizontala zuständig. Klicken sie doppelt auf diese Regel und entfernen Sie den Farbcode im Feld Background-Color in der Kategorie Hintergrund. Klicken Sie anschliessend auf OK."
Bei mir sehen ja die CSS-Stile für die Menubar so aus:
Bild 2
>> Woher weiss ich aber, welches dieser Punkte ich auswählen muss, damit ich die oben genannten Designvorstellungen erreiche?
>> Wie gelange ich zu den oben genannten Designvorstellungen?
>> Egal auf welchen Stil (siehe zweites Bild) ich klicke, es öffnet sich immer folgendes Fenster (siehe drittes Bild). Woher weiss ich, bei welchem Stil ich welche dieser Möglichkeiten (Hintergrund, Box,...) ich auswählen muss, damit ich eine bestimmte Veränderung bewirken kann?
Bild 3
Ich hoffe, ihr könnt mir helfen.
Gruss Jonas