[GELÖST] [GELÖST] Headergrafiken austauschen mit content_image oder Filepicker

axl1975 · 18. November 2011 15:43

Hallo zusammen,

ich möchte für unterschiedliche Seiten unterschiedliche Headerbilder haben.
Die Idee ist, beim erstellen einer neuen Seite, mit z.b. Content_image Block eine Auswahl an Bildern zu bekommen,
die mir dann auf der Seite als Header Hintergrund angezeigt wird.

Sowas in der Art:

Template:
{content_image block="headerfarben" dir="/Templatename/headerfarben}

CSS:
*bg {
background: url("/Templatename/headerfarben/bg-jpg") no-repeat center.top
}

*bg_rot {
background: url("/Templatename/headerfarben/bg_rot-jpg") no-repeat center.top
}

*bg_gruen {
background: url("/Templatename/headerfarben/bg_gruen-jpg") no-repeat center.top
}

Wie bekomme ich das nun hin, damit die jeweil passende Div zu den entsprechenden Bild hergenommen wird?
Oder lieber ganz anders lösen ?

Ich hatte es schon mit CSS Styles in den Einstellungen des Micro Tiny versucht, klappt aber auch nicht wirklich, vielleicht stelle ich mich auch nur etwas an monkey

Bin für Vorschläge und Ratschläge sehr dankbar, kann ja nicht so schwierig sein.
Über Seiten Alias möchte ich das nicht so gerne lösen.

Viele Grüße und besten Dank
Axl

Andynium · 20. November 2011 20:35

Da fehlt noch etwas wink

axl1975 schrieb:

Template:
{content_image block="headerfarben" dir="/Templatename/headerfarben"}

axl1975 schrieb:

Über Seiten Alias möchte ich das nicht so gerne lösen.

Wie willst du die einzelne Seite denn dann "erkennen"?

PS: Du kannst in den Stylesheets auch Smarty-Variablen verwenden, musst sie nur in [[ ... ]] verpacken.

NaN · 20. November 2011 20:54

cyberman schrieb:

PS: Du kannst in den Stylesheets auch Smarty-Variablen verwenden, musst sie nur in [[ ... ]] verpacken.

Das bringt in dem Fall leider nichts, weil die Stylesheets nur einmal verarbeitet werden und dann so im Zwischenspeicher landen. D.h. greift der Besucher auf Seite A zu, wird das Stylesheet mit der Hintergrundgrafik für Seite A generiert. Lässt man sich Seite B anzeigen, wird trotzdem das Stylesheet mit Seite A ausgeliefert.
Ansonsten müsste man komplett auf das Cachen von Stylesheets verzichten.

Ich würde den Teil der Stylesheets, der dynamisch sein soll, inline direkt ins Template schreiben:

Hier klicken, um den Code zum Kopieren zu markieren

{capture assign="headerfarben"}{content_image block="headerfarben" dir="/Templatename/headerfarben"}{/capture}
<html>
    <head>

{literal}

    <style>
        #header {
            background-image:url({/literal}{$headerfarben}{literal});
        }
    </style>

{/literal}

    </head>
    <body>
        …
        <div id="header">
            …
        </div>
        …
    </body>
</html>

Somit brauchst Du nur ein einziges Element für den Header und kannst diesem für jede Seite ein anderes Hintergrundbild geben.

Andynium · 22. November 2011 01:08

NaN schrieb:

Ich würde den Teil der Stylesheets, der dynamisch sein soll, inline direkt ins Template schreiben:
Hier klicken, um den Code zum Kopieren zu markieren
{capture assign="headerfarben"}{content_image block="headerfarben" dir="/Templatename/headerfarben"}{/capture}

{content_image} hat einen "eigenen" assign-Parameter wink (fehlt in der aktuellen Übersetzung).

Forum für CMS/made simple

#1 18. November 2011 15:43

[GELÖST] [GELÖST] Headergrafiken austauschen mit content_image oder Filepicker

#2 20. November 2011 20:35

Re: [GELÖST] [GELÖST] Headergrafiken austauschen mit content_image oder Filepicker

#3 20. November 2011 20:54

Re: [GELÖST] [GELÖST] Headergrafiken austauschen mit content_image oder Filepicker

#4 22. November 2011 01:08

Re: [GELÖST] [GELÖST] Headergrafiken austauschen mit content_image oder Filepicker

Fußzeile des Forums