Hallo zusammen,
so ganz habe ich das hier noch nicht verstanden
.
http://modxcms.com/forums/index.php/topic,4499.0.html
Variante b:
Nachdem ich das Snippet [[RandomBackground]] entsprechend dem o.g. Code neu angelegt habe und im Header meines Templates
<style type="text/css">
<!--
#content{
background: url([!backgroundimage!]) left top no-repeat;
}
-->
</style>
eingefügt habe, bin ich an die Stelle gekommen wo ich nicht weiter weis.
Irgendwie muss ich doch beim anlegen eines neuen Dokuments das dort im Hintergrund erscheinende Bild auswählen können.
Sollte ich noch eine TV anlegen? Name ([!backgroundimage!]) ?
Hier der Code meines Templates:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/container.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/formulare_kontakt_2.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/logo.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/navigation.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/content.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/extra.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/footer.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/header.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/wrapper.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/bg_kopfzeile.css" />
<style type="text/css">
<style type="text/css">
<!--
#content{
background: url([!backgroundimage!]) left top no-repeat;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>[(site_name)] | [*pagetitle*]</h1></div>
<div id="wrapper">
<div id="bg_kopfzeile"><p>[*bg_kopfzeile*]</p></div>
<div id="content"><p>[*#content*]</p></div>
</div>
<div id="logo"><img src="
http://www.fs-sun.de/assets/images/Solar_Logo_140x74.jpg"/></div>
<div id="nav_left">
[!Wayfinder?startId=`0` &hereClass=`current` &level=`1` &outerClass=`topnav`!]
</div>
<!-- ENDE NAVIGATION-->
<div id="extra">
<p>Wetter</p>
<p><iframe width="120" height="98" scrolling="no" frameborder="0" src="
http://www.meteo24.de/hptool/v1?cid=49X2609&l=de&style=11"> </iframe></p>
<p>© meteo24.de</p>
</div>
<!-- ENDE WETTER-->
<div id="footer"><p> </p></div>
</div>
</body>
</html>
Die Name sollte backgroundimage lauten. Die Klammern brauchst du nur um den TV aufzurufen. Template Berechtingung für die Vorlage die du benutzen willst, speichern und dann ein Dokument bearbeiten. Unter die Template Variablen kannst du dann ein Bild auswählen bzw. hochladen. Genau so bin ich mit www.olson.bz vorgegangen. Als Standardwert habe ich @inherit benutzt.