Page 1 of 2
für jede seite einen anderen hintergrund
Posted: Tue Dec 16, 2008 2:29 pm
by 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
Re: für jede seite einen anderen hintergrund
Posted: Tue Dec 16, 2008 2:45 pm
by 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
Re: für jede seite einen anderen hintergrund
Posted: Tue Dec 16, 2008 2:54 pm
by cyberman
exundhopp wrote:
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.
Re: für jede seite einen anderen hintergrund
Posted: Mon Jan 12, 2009 9:56 am
by 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
Re: für jede seite einen anderen hintergrund
Posted: Mon Jan 12, 2009 11:10 am
by cyberman
Das
Code: Select all
<div style="background-image: url (uploads/images/web_images/{$page_alias}.jpg">
muss aber ins Template, nicht ins Stylesheet!
Re: für jede seite einen anderen hintergrund
Posted: Tue Jan 13, 2009 1:53 pm
by 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
Re: für jede seite einen anderen hintergrund
Posted: Tue Jan 13, 2009 2:25 pm
by 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?
Re: für jede seite einen anderen hintergrund
Posted: Tue Jan 27, 2009 10:31 am
by 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
Re: für jede seite einen anderen hintergrund
Posted: Tue Jan 27, 2009 6:29 pm
by 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">
Re: für jede seite einen anderen hintergrund
Posted: Thu Jan 29, 2009 10:21 am
by 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 ? ^^
Re: für jede seite einen anderen hintergrund
Posted: Thu Jan 29, 2009 5:13 pm
by cyberman
Upps, kleiner Fehler von mir - da fehlte noch etwas. Sorry!
Re: für jede seite einen anderen hintergrund
Posted: Wed Feb 11, 2009 11:27 am
by exundhopp
hey ihr,
ich bins schon wieder. es funktioniert einfach nicht. hat irgenwer sonst noch ideen wie ich die hintergrundbilder reinbring?
lg
Re: für jede seite einen anderen hintergrund
Posted: Wed Feb 11, 2009 12:00 pm
by 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.
Re: für jede seite einen anderen hintergrund
Posted: Wed Feb 11, 2009 2:21 pm
by mike-r
Die Fehlerkonsole des Browsers, oder ein
Validator zu konsultieren kann übrigens helfen solche Probleme zu finden.
Re: für jede seite einen anderen hintergrund
Posted: Wed Feb 11, 2009 4:26 pm
by cyberman
tobik wrote:
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 ...