Wechselndes Bild im Header

MarkusK · Post by **MarkusK** » Sun 3. Jul 2011, 09:54

Hallo!
Ich schreibe eine Seite, bei der je nach ausgewählter Untrerseite ein anderes Bild im Header stehen muss.

Meine Frage:
Kann ich über eine Abfrage der ID sagen, bei ID=1 soll Bild A angezeigt werden, bei ID=2 Bild B?
Oder muss ich für jede Kategorie ein einzelnes Template erstellen?!

VG Markus

Post by **Oliver Georgi** » Sat 21. Jan 2012, 01:23

bloß nicht soviele Templates. CSS hilft immer und ein Config-Setting in config/phpwcms/conf.template_default.inc.php, versuch mal und schau Dir den gerenderten Source an:

Code: Select all

$template_default['body']['id'] = 'level-';
$template_default['body']['class'] = 'level-';

Dann wird im <body> Tag die id und class mitgeführt und durch die Level-ID ergänzt
<body id="level-0" class="level-0">
<div class="header-image"></div>
Dein CSS wäre dann z.B. exemplarisch:

Code: Select all

.header-image {
  background: transparent url(my-default.png) no-repeat center center;
}
#level-0 .header-image {
   background-image: url(my-level-0.png);
}

pepe · Post by **pepe** » Sat 21. Jan 2012, 18:35

Alternativ besteht ja auch noch die Möglichkeit, ein Bild aus der Dateizentrale einzubinden... per ContentPart: "Bilder div"

Wozu haben wir die schließlich an Bord?

Das kann dann auch der jeweilige Editor/Admin bei Bedarf quasi "im Vorbeigehen erledigen", ohne das Tempate zu verändern...

Post by **Oliver Georgi** » Sat 21. Jan 2012, 18:38

Das geht aber nur auf Artikelebene.

pepe · Post by **pepe** » Sat 21. Jan 2012, 20:26

Das stimmt allerdings...

Aber MEINE Version hat den Vorteil, NICHT auch noch die CSS-Pflegen zu müssen.
Klappt also auch, wenn der Admin NICHT an die CSS kommen kann/soll und nur im Artikelbereich arbeitet.

Also, einfach auswählen aus der Dateizentrale.
Ich find's praktisch, aber das hängt natürlich von der Aufgabenstellung ab...

Cipolla · Post by **Cipolla** » Sun 22. Jan 2012, 18:18

Ich machs in der Regel so: Einfach das Bild entsprechen hochladen und fertig. Die ID ergibt sich ja berits aus der Kategorie.

Code: Select all

<div id="header_content" style="background: url(picture/background_header_{CURRENT_CATEGORYID}.png);">

Post by **Oliver Georgi** » Sun 22. Jan 2012, 18:31

naja, neuere Releases kennen auch die Anweisung (HTML Kommentar):

Code: Select all

<!-- CSS: .header-image{
/* whatever I like */
} -->

Wechselndes Bild im Header

Wechselndes Bild im Header

Re: Wechselndes Bild im Header

Re: Wechselndes Bild im Header

Re: Wechselndes Bild im Header

Re: Wechselndes Bild im Header

Re: Wechselndes Bild im Header

Re: Wechselndes Bild im Header