für jede seite einen anderen hintergrund

[exundhopp]

hallo!

ich hätte gerne pro menü-punkt also pro seite ein anderes background-pic.

man könnte zwar für jede seite ein eigenes template erstellen, das wäre aber zu kompliziert, weil es über 30 seiten sind.

1. wie fügt man ein hintergrundbild wo darüber ein inhalt steht ein?
2. gibt es andere möglichkeiten außer die extra templates?

danke erstmal

[Rolf]

Hallo,

Für die verschiedene background-pics machen Sie:

Seiten > Optionen > Seitenspezifische Meta-Daten >

Code: Select all

{literal}
<style type="text/css">

div#ihrename {
background: ihreurl ;
}

</style>
{/literal}

Beim jeden seite setzen Sie ein anderes Bild als hintengrund.
In die Zentrale CSS-file die background wegholen.

Entschuldige für mein Deutsch... 

Rolf aus die Niederlande

[cyberman]

man könnte zwar für jede seite ein eigenes template erstellen, das wäre aber zu kompliziert,

Eher zu umständlich  ...

1. wie fügt man ein hintergrundbild wo darüber ein inhalt steht ein?

Hat Rolf schon beantwortet.

2. gibt es andere möglichkeiten außer die extra templates?

Du gibst dem jeweiligen Hintergrundbild den gleichen Namen wie den Seiten-Alias. Dann hast du mit

Code: Select all

<div style="background-image: uploads/images/backgrounds/{$page_alias}.jpg">

für jede Seite ein anderes Hintergrundbild.

[exundhopp]

soo habs nun mit beiden methoden probiert aber funzt nicht.. und wo soll ich in der css den background löschen?

habe also

in stylesheet gegeben.

Name vom pic ist kokain.jpg und seitenalias ist kokain.. Siehe hier: http://www.exundhopp.at/www1/index.php?page=kokain
funzt trotzdem nicht

[cyberman]

Das

Code: Select all

<div style="background-image: url (uploads/images/web_images/{$page_alias}.jpg">

muss aber ins Template, nicht ins Stylesheet!

[exundhopp]

wo genau muss ich das im template einfügen?
habs  jetz zig mal versucht und das bild hat auch den richtigen namen aber funktioniert immer noch nicht.

als Design Clean Orange und hab den Code schon überm header im body und überall probiert aber will nicht hinhauen

[cyberman]

Im Code deiner Seite isses schon zu sehen, nur musst du das div auch wieder schließen .

Probier mal folgendes:

Code: Select all

<div style="width: 445px; height: 594px; background-image: url (uploads/images/backgrounds/{$page_alias}.jpg"></div>

Natürlich müssen dann alle Hinterrundbilder die gleiche Größe haben ...

PS: Wofür willst du ÜBER dem header so ein riesiges Bild anzeigen lassen?

[exundhopp]

habe den code jetzt im template beim content drinnen...
will aber erneut nicht die einzige veränderung ist dass der content um die bildgröße verschoben wird:
http://www.exundhopp.at/www1/index.php?page=kokain

[cyberman]

Jaa, auch, wenn ich mich wiederhole, empfehle ich dir nochmals das Studium der Handhabung von CSS (wenigstens ein bißchen).

Hab mir mal den Source der Webseite angeschaut und mir sind folgende Punkte aufgefallen

 

Der erste Punkt betrifft den Pfad des Hintergrunds, der da falsch sein dürfte. Das Wurzel-/Ursprungsverzeichnis von CMSms ist bei dir offensichtlich /www1 und darf daher NICHT mit im Pfad auftauchen. Richtig wäre wie bereits gezeigt

Code: Select all

<div style="width: 445px; height: 594px; background-image: url (uploads/images/backgrounds/{$page_alias}.jpg">

Der zweite Punkt betrifft den div-Container, den du mit einem Hintergrundbild versehen willst. Da du den Container gleich wieder schließt (rot gekennzeichnet), kann es so nix werden.

Versuch daher mal diese Template-Änderung

Code: Select all

<div id="content" style="width: 445px; height: 594px; background-image: url (uploads/images/backgrounds/{$page_alias}.jpg">

[exundhopp]

ok hab das mitm div nun kapiert.

und das mitm verzeichnis weiß ich.
da es nicht gefunzt hat, hab ichs halt noch mit www1 versucht...

also der content teil im template lautet jetzt:

Code: Select all

   <!-- Start Content -->
<div id="content" style="width: 445px; height: 594px; background-image: url (uploads/images/backgrounds/{$page_alias}.jpg">
         <h1>{title}</h1>
         {content}
   </div>
   <!-- End Content -->

aber das bild wird immer noch nicht angezeigt und der footer is in die mitte der site gerutscht:
http://www.exundhopp.at/www1/index.php?page=kokain

hab ichs inzwischen nicht richtig ? ^^

[cyberman]

Upps, kleiner Fehler von mir - da fehlte noch etwas. Sorry!

[exundhopp]

hey ihr,

ich bins schon wieder. es funktioniert einfach nicht. hat irgenwer sonst noch ideen wie ich die hintergrundbilder reinbring?

lg

[tobik]

Das muss bei Dir folgendermaßen aussehen:

Code: Select all

<div id="content" style='width: 445px; height: 594px; background-image: url(/www1/uploads/images/backgrounds/kokain.jpg);'>

Achte darauf, das Leerzeichen zwischen url und ( zu entfernen.

[mike-r]

Die Fehlerkonsole des Browsers, oder ein Validator zu konsultieren kann übrigens helfen solche Probleme zu finden.

[cyberman]

Das muss bei Dir folgendermaßen aussehen:

Code: Select all

<div id="content" style='width: 445px; height: 594px; background-image: url(/www1/uploads/images/backgrounds/kokain.jpg);'>

Achte darauf, das Leerzeichen zwischen url und ( zu entfernen.

Hmm, würde den style-Parameter dann aber auch in Double Slashes setzen ...