[gelöst] Bestimmtes CSS Element auf der Drupal Startseite
Eingetragen von Twinhand (68)am 12.06.2013 - 10:49 Uhr in
Hallo,
Also ich habe folgendes Problem. Ich habe eine firstbar (links) einen body (Mitte) und eine secondbar links.
Die secondbar wird vom body "verschluckt" falls kein Inhalt in dieser vorhanden ist. ( Das ist auch so gewünscht).
Was ich jetzt möchte ist folgendes:
Ich möchte eine Art Css Container erstellen indem ein Bild und ein Rahmen vorhanden sind.
Dieser soll nur auf der Startseite angesprochen werden.
Aber wie kann ich die Secondbar bezüglich der Startseite ansprechen?
Ich habe schon verschiedene Varianten versucht, die unter anderem dazu geführt haben, das die Seite abgeschmiert ist.
Ich hoffe ihr habe eine Idee.
Meine Startseite ist übrigens Node 5.
Danke schonmal im voraus.
MfG
Twinhand
- Anmelden oder Registrieren um Kommentare zu schreiben
Bei der Startseite hat das
am 12.06.2013 - 11:04 Uhr
Bei der Startseite hat das Body-Element üblicherweise die Klasse "front". Also kannst Du mit einer Selektorkette alles auf der Startseite ansprechen, wenn deine Kette mit body.front anfängt.
Beste Grüße
Werner
Selektion über Node ID
am 12.06.2013 - 11:26 Uhr
Meine Startseite ist übrigens Node 5.
Auch eine Selektion über .page-node-5 ist möglich.
Gruß
Miguelito
Hi, danke für die schnelle
am 12.06.2013 - 11:28 Uhr
Hi, danke für die schnelle Antwort, so habe ich es bereits versuche, aber es funktioniert nicht so wirklich.
Also meine second-bar ist css mäßig so dargstellt:
.second-bar {
width: 180px;
padding: 4px;
vertical-align: top;
float: right;
}
.second-bar:before {
margin-right: 184px;
Das funktioniert auch so wie es soll. Nun habe ich versucht so wie von dir beschrieben eine Bild auf die Secondbar der Startleiste zu bekommen.
Das sieht dann so aus:
body.front.second-bar{background:url(images/logo.png) no-repeat bottom;
}
Leider gibt es keine Reaktion:( Gibt es andere Ideen? Oder habe ich etwas falsch gemacht?
MfG
Twinhand
Das sollte dann vermutlich so
am 12.06.2013 - 11:31 Uhr
Das sollte dann vermutlich so aussehen:
body.front .second-bar{background:url(images/logo.png) no-repeat bottom;
}
Hast Du den Cache nach den Änderungen gelöscht?
Beste Grüße
Werner
Boah Wahnsinn es
am 12.06.2013 - 11:41 Uhr
Boah Wahnsinn es funktioniert.
Lag tatsächlich nur an diesem blöden Leerzeichen.-.-
Ich danke euch.:)
MfG
Twinhand
Du solltest Dich dringend mit
am 12.06.2013 - 16:14 Uhr
Du solltest Dich dringend mit CSS-Selektoren befassen, denn die braucht man im Theming dauernd.
body.front.second-bar bezieht sich auf ein Body-Element mit beiden Klassen also "front" und "second-bar"
body.front .second-bar bezieht sich auf ein Element mit der Klasse "second-bar" das irgendwann in der Hierarchie nach einem Body-Element mit der Klasse "front" kommt.
Das sind himmelweite Unterschiede, die man kennen sollte.
Beste Grüße
Werner