WBCE CMS – Way Better Content Editing.
You are not logged in.
Hallo zusammen,
seit einiger Zeit schraube ich mal wieder an einer neuen Webseite und sehe im Moment für mein Problem den Wald vor lauter Bäumen nicht. Vielleicht kann mir jemand helfen:
Ich nutze das Template Deizerr und habe ein Headerbild für alle Seiten definiert. Nun soll auf einer Unterseite ein anderes Headerbild erscheinen als global definiert.
Ich habe mir das in etwa so in der index.php vorgestellt (Pseudocode): if page_id=XX --> echo header2 irgendwo in dem tophero-Abschnitt. Meine php-Kenntnisse sind sehr bescheiden und die Mechanik vom Template habe ich auch wohl noch nicht gerafft. Aber ich lerne gerne dazu.
Vielen Dank schon mal für eure Hilfe.
Günter
Offline
Ah . Ich habe zwischenzeitlich was gefunden: Ich habe Block 10 aktiviert und diesem auf der Seite ein Bild (einbild) zugewiesen. Muss noch an der Größe schrauben, aber es funktioniert.
Viele Grüße!
Günter
Offline
Ach, ich schon wieder
Es klappt doch noch nicht so wie erwartet. Der globale Header liegt darunter und das Bild "Einbild" passt sich nicht wie erwartet der Bildschirmgröße an. Ebenso schiebt sich der Content-Block nicht über den Header.
Puuh, brauche wohl doch eure Hilfe.
Danke im Voraus!
Günter
Offline
Geht per CSS (z.B. mittels des Moduls FrontendFinal CSS)
.body23 .top_hero {background-image:url( URLdesBildes );}
23 = ID der Seite
also z.B. für die Seite mit der ID 2
.body2 .top_hero {background-image:url(https://picsum.photos/1200/900);}
Last edited by florian (11.06.2024 18:38:07)
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
Hallo Florian,
TOP! Das funktioniert. Vielen Dank für deine rasche Hilfe
Günter
Offline
florian
Hallo nochmal,
obige Lösung funktioniert ja ganz wunderbar mit größeren Auflösungen. Für kleinere Auflösungen gibt es ja die .reduced - Abschnitte in der template.css. Ich habe schon lange gesucht, die richtige CSS - Anweisung für den "header-mobile" für die Seite 12 zu finden, muss aber jetzt mangels tiefgehender Kenntnisse aufgeben - bin da leider nicht so fit.
Habt ihr nochmal einen Tipp?
.body12 .top_hero {background-image:url(header12.jpg); /* hohe Auflösung - funktioniert*/
Brauche sowas wie:
.body12 .reduced .top_hero {background-image:url(header12-mobile.jpg); /* reduzierte Auflösung */
Vielen Dank schon mal.
Offline
Ich glaube, das .reduced wird gar nicht genutzt, das musst Du direkt über Media Queries steuern:
@media screen and (max-width:1024px) {
.body2 #topmenubox {background-image:url(https://picsum.photos/1200/900);}
}
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
Hallo Florian,
danke dir! Probier´ ich aus - komme allerdings erst morgen oder so dazu.
Günter
P.S.: 6:33 Uhr schon aktiv - und das am Wochenende! Hut ab
Last edited by musikfan59 (15.06.2024 10:14:03)
Offline