bestimmten Seiten abweichende Hintergrundbilder zuweisen

[Xenolith]

Hallo,
Ich muss vor wegnehmen das ich die Sufu schon benutzt habe aber leider nicht genau das gefunden habe was ich suche.

Ich möchte gerne ein Standarthintergrundbild haben was auf allen Seiten sichtbar ist außer auf ein paar wenigen.
des weiteren würde ich gerne ohne Javascript auskommen dh. nur html/css/php nutzen.

folgende Idee hatte ich schon:

Code: Select all

<?php
if($page_alias == travel)
{
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/travel_bg.jpg)"> </div>
}
elseif($page_alias == sports)
{
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/sports_bg.jpg)"> </div>
}
else
{
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/default_bg.jpg)"> </div>
}
?>

der Haken ist das  { } als Smarty-Tags interpretiert werden. Ich habe den Code also wie folgt verändert:

Code: Select all

<?php
if({$page_alias} == travel)
{ldelim}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/travel_bg.jpg)"> </div>
{rdelim}
elseif({$page_alias} == sports)
{ldelim}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/sports_bg.jpg)"> </div>
{rdelim}
else
{ldelim}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/default_bg.jpg)"> </div>
{rdelim}
?>

Leider auch ohne Erfolg.

Ich habe mittlerweile einen weg gefunden das ganze zu lösen allerdings ist das sehr aufwendig da ich dann für jede Seite ein eigenes Hintergrundbild hochladen muss was den Page Alias im namen trägt. Die Lösung sieht wie folgt aus:

Code: Select all

<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/{$page_alias}_bg.jpg)">

ist mir aber viel zu umständlich/Speicherplatz intensiv.
Welche eleganteren Möglichkeiten gibt es noch?

Liebe Grüße
XenoLith

[RonnyK]

Did you try ...

{if($page_alias == travel)}

{elseif($page_alias == sports)}

{else}

{/if}

Ronny

[Xenolith]

Code: Select all

string(135) "Smarty error: [in tpl_body:16 line 27]: syntax error: unrecognized tag: if($page_alias == travel) (Smarty_Compiler.class.php, line 446)" string(111) "Smarty error: [in tpl_body:16 line 27]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)" string(139) "Smarty error: [in tpl_body:16 line 29]: syntax error: unrecognized tag: elseif($page_alias == sports) (Smarty_Compiler.class.php, line 446)" string(111) "Smarty error: [in tpl_body:16 line 29]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)" string(109) "Smarty error: [in tpl_body:16 line 31]: syntax error: unexpected {else} (Smarty_Compiler.class.php, line 478)" string(114) "Smarty error: [in tpl_body:16 line 33]: syntax error: mismatched tag {/if}. (Smarty_Compiler.class.php, line 2303)" 
Parse error: syntax error, unexpected T_ELSE in /mnt/webspace/02/44355/jesusourcaptain.org/testcms/tmp/templates_c/%%5A^5A7^5A71AA6A%%tpl_body%3A16.php on line 32

It doesen't work with your Code Ronny...

[owr_bgld]

Code: Select all

{if $page_alias == travel}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/travel_bg.jpg)"> </div>
{elseif $page_alias == sports}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/sports_bg.jpg)"> </div>
{else}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/default_bg.jpg)"> </div>
{/if}

should work

EDIT: Vergiss nicht dein ldelim und rdelim sofern du es benötigst wieder einzubauen

EDIT2: kein php in den Templates (also auch nicht ) - nur smarty-Tags also nur das in den {} und das wird automatisch zu php-Befehlen umgewandelt.


EDIT3: du kannst auch mit den extrafeldern arbeiten - dann kannst du gewisse Hintergründe für mehrere page-aliases verwenden.

[RonnyK]

{if $page_alias == 'travel'}

{elseif $page_alias == 'sports'}

{else}

{/if}

I didnt test it out before (also I didnt now ) but with the regular call and maybe quotes around the alias..

Ronny

[NaN]

Der Einsatz von PHP muss erst in der config.php freigeschalten werden.
Und dann geht das so:

Code: Select all

{php}
   ... ganz normaler php code ...
{/php}

oder so:

Code: Select all

{literal}
<?php
   ... ganz normaler php code ...
?>
{/literal}

Aber der code von Ronny müsste eigentlich auch funktionieren.

[Xenolith]

Okay das Ganze funktioniert jetzt! Allerdings verdrängt das Bild jetzt den gesamten Content der vorher in dem Container war. Wie stelle ich das Bild in den Hintergrund?

[NaN]

Niemand weiß wie Deine Seite aussieht oder aufgebaut ist.
Was meinst Du wie viele von denen Dir jetzt helfen können?
Richtig.
Also gib uns doch mal 'nen Link oder 'nen Screenshot un bissel Code.
Sonst wird das hier 'ne Raterunde

[Xenolith]

Ja da hast du natürlich recht!

Hier der Link:
http://jesusourcaptain.org/testcms/

Hier der Code aus dem Template

Code: Select all

<!-- Ebene 3: Content Fenster -->

<div id="mainframe">

{if $page_alias == 'travel'}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/travel_bg.jpg)"> </div>
{elseif $page_alias == 'sports'}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/sports_bg.jpg)"> </div>
{else}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/default_bg.jpg)"> </div>
{/if}

<div id="content">
<h2>{title}</h2>
<h5>{content}</h5>
</div>
</div>

[Xenolith]

Fehler gefunden wie Dumm von mir

So läuft die Sache:

Code: Select all

<!-- Ebene 3: Content Fenster -->

{if $page_alias == 'travel'}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/travel_bg.jpg)">
{elseif $page_alias == 'sports'}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/sports_bg.jpg)">
{else}
<div id="mainframe" style="background-image: url(uploads/joc_template/images/background/default_bg.jpg)">
{/if}

<div id="content">
<h2>{title}</h2>
<h5>{content}</h5>
</div>
</div>

Vielen lieben Dank für eure tolle Hilfe!!!
Gruß Xenolith

[cyberman]

Noch ein kleiner Tipp - du solltest Content und Layout konsequent voneinander trennen - style-Anweisungen im Template sind da nicht gerade der Hit, arbeite da lieber mit Klassen oder IDs.

Wird auch von manchen Webseiten-Checkern (wie zum Beispiel qualidator.com) als Spaghetti-Code angemeckert.

[Xenolith]

Du hast natürlich recht das wäre besser! Ich hab aber noch keine idee wie ich das eleganter lösen kann.
hast du mal ein Beispiel mit IDs/Klassen?

Grüße
Xenolith

[NaN]

Statt id="mainframe" einfach class="mainframe".
Und als id einfach {$page_alias}.

Bsp.:

Code: Select all

<div class="mainframe" id="{$page_alias}">...</div>

Dann kannst Du im Stylesheet für jede Seite ein Hintergrundbild definieren:

Code: Select all

#travel {
   background-image: url(uploads/joc_template/images/background/travel_bg.jpg)
}

Das blöde ist nur, dass, wenn eine neue Seite hinzukommt oder sich das Seitenalias ändern sollte, jedesmal das Stylesheet angepasst werden muss. Bei dynamisch generierten Layout-Geschichten wird man wohl immer einen Kompromiss machen müssen.
Andersrum muss man allerdings auch immer wieder das Temlpate anpassen...

Es geht natürlich auch noch etwas komfortabler, indem man vorher prüft, ob ein Hintergrundbild mit dem Namen des Seitenalias existiert. Existiert kein solches Bild, wird ein Standardbild angezeigt:

Code: Select all

{if "uploads/joc_template/images/background/$page_alias_bg.jpg"|file_exists}
<div class="mainframe" style="background-image: url(pfad/zum/bild/{$page_alias}.jpg)">
{else}
<div id="mainframe" style="background-image: url(pfad/zum/bild/default.jpg)">
{/if}

Somit muss man nur, wenn eine neue Seite erstellt wird, das Bild mit dem Namen [Seitenalias].jpg auf den Server ins entsprechende Verzeichnis hochladen und fertig.

[cyberman]

Man könnte dies mit dem CGSimpleSmarty-Modul noch ausbauen, und in Abhängigkeit von der obersten bzw. übergeordneten Ebene das Aussehen aller untergeordneten Seiten steuern ...

[owr_bgld]

Noch ein kleiner Tipp - du solltest Content und Layout konsequent voneinander trennen

Ich hatte das selbe problem beim header-logo-background. Es wechselte sich bei jedem neuen Aufruf der Seite per Zufall ab - also z.B. 5 Grafiken in einem Ordner und jedesmal eine davon. Script liest die Grafiken (alles jpg) aus dem Verzeichnis aus und nimmt eines davon. Das ganze ins css-sript einbauen funzt ja nicht.

Und da frage ich mich schon mit der strikten Trennung - wenn ich auf der Seite genau einmal den Spaghetticode drinnen habe - also ich muss sagen das tut mir weniger weh, als da herumzubasteln bis der Arzt kommt.