bestimmten Seiten abweichende Hintergrundbilder zuweisen

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
nicmare
Power Poster
Power Poster
Posts: 1150
Joined: Sat Aug 25, 2007 9:55 am

Re: bestimmten Seiten abweichende Hintergrundbilder zuweisen

Post by nicmare »

NaN wrote:

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.
noch besser ists, die geschichte komplett im header auszulagern. also im body gibts dann nur noch


und im dann die if bedingung. ungefähr so:
{content_image urlonly='true' block='Bild Mainframe' dir='images/joc_template/images/background' assign='imagevar'}

Code: Select all

<style type="text/css">
{if ($imagevar!='-1' && $imagevar!='')}
{literal}#mainframe { 
	background-image:url({/literal}{eval var=$imagevar}{literal})}{/literal}
{/if}
</style>
in diesem fall ists dann im backend ein dropdown feld dazugekommen mit einer auswahl an Bildern aus dem Verzeichnis.
aber geht jetzt eigentlich nur darum das css ausm body in den head auszulagern. korrigiert mich, wenn ich was verpasst habe :)
Post Reply

Return to “Layout und Design”