[erledigt] ZEN Sub-Theme: Wie bekomme ich eine grüne Trennlinie unterhalb der Hauptlinks von ganz links nach ganz rechts?
Eingetragen von wakeup (55)
am 30.07.2010 - 09:58 Uhr in
am 30.07.2010 - 09:58 Uhr in
Hallo,
meine Webseite soll ungefähr wie das Theme "Acquia Marina" aussehen. Allerdings brauche ich nicht so viele Regionen. Die fünf Regionen, die im ZEN Theme enthalten sind, reichen mir. Deshalb habe ich mich entschieden, ein eigenes Sub-Theme auf Basis von ZEN aufzubauen.
Nun möchte ich die grüne Trennlinie unterhalb der Hauptlinks aus dem Theme Acquia Marina nachbilden.
Dafür habe ich in navigation.css folgendes eingetragen:
#navigation {
border-bottom-width: 30px;
border-bottom-color: green;
border-bottom-style: solid;
}
Ergebnis:
Ja, ich bekomme einen grüne Linie unterhalb der Hauptlinks. Allerdings ist diese Linie nur so breit, wie der Content-Bereich.
Frage: Wie schaffe ich es, dass diese Linie von ganz links nach ganz rechts geht?
Viele Grüße, wakeup
- Anmelden oder Registrieren um Kommentare zu schreiben
Dazu mußt Du entweder einen
am 30.07.2010 - 10:23 Uhr
Dazu mußt Du entweder einen Bereich haben, der über die ganze Breite geht und dort eine border-bottom einbauen oder Du greifst in den Seitenaufbau in der page.tpl.php ein. Dort setzt Du einen HR, den Du entsprechend in CSS bearbeitest. Das hängt natürlich stark von Deinem Theme ab, wie und wo das zu machen ist.
Beste Grüße
Werner
Hallo Werner, danke für den
am 02.08.2010 - 11:33 Uhr
Hallo Werner,
danke für den Tipp!
Ich habe inzwischen gemerkt, dass das ZEN Theme auch nicht so schlank ist und einfach anpassbar ist, wie ich zunächst dachte. Ich werde daher versuchen, das Acquia Marina Theme direkt anzupassen. Das erscheint mir nun weniger aufwendig, als das ZEN Theme dahin zu bringen, dass es ähnlich aussieht, wie Acquia Marina.
Grüße, wakeup