Hintergrundbild auf Basis des Seiten-Alias ändern?

bd0 · 22. Mai 2012 16:55

hallo allerseits,

ist es möglich eine hintergrundgrafik im css auf basis des seiten-alias zu ändern.
zb für "home" ein anderes bild als für "profil" usw. (ohne dafür diverse templates und geänderte css anzulegen)
geht ja vermutlich mit smarty, ich weiss nur nicht wie.
so in der art:

if page-alias="home" {background-image: url(home.jpg)}
if page-alias="profil" {background-image: url(profil.jpg)}

stelle ich mir das vor.

ein kleines snippet wäre grossartig.

vielen dank schon im vorraus.
bd0

antibart · 22. Mai 2012 17:21

Ja.

http://www.cmsmadesimple.de/forum/viewtopic.php?id=2029

Hier klicken, um den Code zum Kopieren zu markieren

{if $page_alias == 'home'}

<div id="header" style="background: url(images/home.jpg) no-repeat;"></div>

{elseif $page_alias == 'profil'}

<div id="header" style="background: url(images/profil.jpg) no-repeat;"></div>
{/if}

Wenn jede Seite ein anderes Bild haben soll, wäre es so einfacher:

Hier klicken, um den Code zum Kopieren zu markieren

<div id="header" style="background: url(images/{$page_alias}.jpg) no-repeat;"></div>

Die Bildnamen müssten natürlich dem alias entsprechen.

Wenn es doch etwas komplexer werden sollte, empfehle ich das Modul CGSimpleSmarty, damit lassen sehr gut flexible Templates erzuegen..

Beitrag geändert von antibart (22. Mai 2012 17:40)

faglork · 22. Mai 2012 17:54

Warum nicht gleich sectionimage verwenden?

http://dev.cmsmadesimple.org/projects/sectionimage

und dann die Zeile

Hier klicken, um den Code zum Kopieren zu markieren

[== php ==]
echo "<img src=\"${imSpec}${extension}\" alt=\"${imText}\" title=\"${imText}\"${imDimensions} />";

durch

Hier klicken, um den Code zum Kopieren zu markieren

[== php ==]
echo "<style type='text/css'>div#header {background-image: url(${imSpec}${extension});}</style>";

o.ä. ersetzen.

Dann einfach im HEAD Bereich NACH dem stylesheet-aufruf ein {sectionimage} reinschreiben.

Voila!

Zur Verwendung unbedingt mal in die Help-Sektion gucken, damit kann man einiges machen ... zb. ein default-image aufrufen wenn noch kein Bild vorhanden ist, verschiedene Level einstellen etc.

Servus,
Alex

bd0 · 22. Mai 2012 19:10

super! vielen dank für eure beiträge ich denke damit komme ich jetzt weiter! sectionimage klingt als wäre das ne sehr gute sache.

1000 dank!

bd0 · 22. Mai 2012 20:03

hallo,

da es sich im moment nur um drei sonderseiten dreht wollte ich vorerst mal nicht in den templates werkeln. daher hab ich mir folgendes überlegt.

ich habe ein udt erstellt "bgbildchanger" und rufe das dann direkt im css auf:

Hier klicken, um den Code zum Kopieren zu markieren

background: url([[root_url]]/pics/[[bgbildchanger]]) no-repeat scroll 50px 320px transparent;

das udt sieht so aus:

Hier klicken, um den Code zum Kopieren zu markieren

if ($page_alias == 'seiteA') {
$bgbild="irgendeinbild.jpg";
}
elseif ($page_alias == 'seiteB') {
$bgbild="einanderesbild.jpg";
}
elseif ($page_alias == 'seiteC') {
$bgbild="nocheinbild.jpg";
}

echo $bgbild;
echo "test";

im moment kommt im css nur background: url("http://www.domain.de/cmsms/pics/test") no-repeat scroll 50px 320px transparent; an. also test wird über echo ausgegeben, sprich das udt wird schon irgendwie aufgerufen, der gewünschte dateiname wird aber nicht ausgegeben.

kann man es prinzipiell auch so lösen? wo ist bei mir der fehler?

Andynium · 22. Mai 2012 20:31

Dass du mit einem UDT eine zusätzliche (performance-lastige) Datenbank-Abfrage erzeugst, ist dir aber bewusst?!

bd0 · 22. Mai 2012 21:43

naja, nicht so recht bewusst. wie ist das mit sectionimage. geht das weniger auf die performance? wieviel macht das denn aus? ist das spürbar?
was mich auch interessiert wie ist das eigentlich mit globalen inhaltssblöcken. kann man die bedenkenlos nutzen oder geht das auch stark auf die performance? bzw wie stark im vergleich zu direkt im template eingebetten elementen. GCB sind halt recht praktisch um in mehreren templates ein identisches element zu platziern, bzw. muss man es nur einmal bearbeiten. ist das so gedacht oder geht das unnötig auf die leistung?

Beitrag geändert von bd0 (22. Mai 2012 21:44)

Andynium · 23. Mai 2012 22:36

Ich wollte nur deinen Blick dafür schärfen, auch ein bißchen auf die Performance zu achten wink - und der UDT ist nicht wirklich erforderlich, da die bereits angebotenen Smarty-Lösungen genau diesen Zweck erfüllen. Ist halt einfach der geradere Weg ...

GCB werden auch aus der Datenbank abgerufen, aber die sind ja genau für den von dir geplanten Zweck gemacht.

bd0 · 24. Mai 2012 09:34

kam nun endlich dazu sectionimage auszuprobieren, leider bricht cmsms dann an der stelle mit dem erstellen des html ab an der das {sectionimage} tag gesetzt wurde. es wird kein weiter code erzeugt, noch nichtmal etwas das von sectionimage kommen könnte.
habe an sectionimage nichts verändert. runtergeladen in den ordner "plugins" kopiert. es ist in der liste erweiterungen/tags zu finden. bei mir läuft cmsms 1.10.3.
ich probiere jetzt mal die version von antibart, das ist auch vollkommen ausreichend, wenns läuft wink

bd0 · 24. Mai 2012 09:55

mit antibarts snippet lies es sich einfach umsetzen.
danke nochmals für diesen lösungsvorschlag!

Andynium · 24. Mai 2012 13:31

sectionimage ist zu alt und funktioniert aufgrund der Änderungen in der CMSMS-API nicht mehr - müsste angepasst werden ...

faglork · 24. Mai 2012 14:41

cyberman schrieb:

sectionimage ist zu alt und funktioniert aufgrund der Änderungen in der CMSMS-API nicht mehr - müsste angepasst werden ...

kurze frage:

durch was ersetzt man
$gCms->variables['pageinfo']->content_hierarchy
und
$gCms->config['root_path'];

Ansonsten hätte ich ne angepasste Version ...

Alex

Beitrag geändert von faglork (24. Mai 2012 14:44)

NaN · 24. Mai 2012 15:20

$gCms->variables['pageinfo']->content_hierarchy

Wird zu

Hier klicken, um den Code zum Kopieren zu markieren

cms_utils::get_current_content()->Hierarchy()

oder

Hier klicken, um den Code zum Kopieren zu markieren

cmsms()->get_variable('content_obj')->Hierarchy()

$gCms->config['root_path'];

wird zu

Hier klicken, um den Code zum Kopieren zu markieren

$config = cmsms()->GetConfig();
 ... $config['root_path'] ...

serialpark · 25. Mai 2012 22:29

alternativ noch:

Hier klicken, um den Code zum Kopieren zu markieren

<body id="{$page_alias}">

und dann im css

Hier klicken, um den Code zum Kopieren zu markieren

[== css ==]
#page_alias #header{
background: ... ;
}

faglork · 25. Mai 2012 09:08

serialpark schrieb:

alternativ noch:
Hier klicken, um den Code zum Kopieren zu markieren
<body id="{$page_alias}">
und dann im css
Hier klicken, um den Code zum Kopieren zu markieren
[== css ==]
#page_alias #header{
background: ... ;
}

DAS ist es was ich an CMSMS so liebe. Diese oft genial einfachen Lösungen.

Servus,
Alex

sabsimplex · 09. Juli 2012 18:38

moin,
ich versuche grad das Ganze nachzuvollziehen. Bin neu bei CMS, habe vorher etwas mehr mit Contao gewerkelt.

Also ich füge im Template dem body-tag id="{page_alias}" hinzu.
Ich habe eine Seite erstellt mit dem Alias "start".
Im CSS spreche ich nun die Seite mit #page_alias.start {background-color:black;}
Das klappt allerdings nicht bei mir, die Seite über CSS anzusprechen. Wie lautet die Durchwahl im CSS zu der Seite mit dem Alias start?

Ich würde mich über Hilfe freuen.

nockenfell · 09. Juli 2012 19:29

sabsimplex schrieb:

Also ich füge im Template dem body-tag id="{page_alias}" hinzu.
Ich habe eine Seite erstellt mit dem Alias "start".
Im CSS spreche ich nun die Seite mit #page_alias.start {background-color:black;}
Das klappt allerdings nicht bei mir, die Seite über CSS anzusprechen. Wie lautet die Durchwahl im CSS zu der Seite mit dem Alias start?

Na was gibt dir das HTML aus?

Hier klicken, um den Code zum Kopieren zu markieren

<body id="start">

Damit ist die CSS Deklaration

Hier klicken, um den Code zum Kopieren zu markieren

#start 
{
   ...
}

sabsimplex · 10. Juli 2012 22:53

habs gelöst.
das problem war, ich habe mehrere seiten mit verschiedenen hintergründen.
habs nun im css durch body#namederseite gelöst.

mike-r · 10. Juli 2012 00:35

#namederseite ist nicht optimal, da da so Konstrukte bei rumkommen wie "impressum & kontakt". (falls ich richtig verstehe, dass Du nicht $page-alias verwendest)

Dein Fehler beim Page-alias ist/war, dass Dein Selektor nicht derselbe ist, wie das was Dein Smarty ausgibt. Siehe was nockenfell meint.
#page_alias.start matcht auf ein Element mit der Klasse "start", welches €Kind des gleichzeitig* die ID und die Klasse "$page-alias" hat (falls ich dein start als page-alias richtig verstehe).
Das willst Du aber nicht. Du willst #start stylen und nix anderes.

*Was nebenbei - soweit ich weiss - nichtmal alle aktuellen Browser beherrschen würden.

Beitrag geändert von mike-r (10. Juli 2012 00:42)

Forum für CMS/made simple

#1 22. Mai 2012 16:55

Hintergrundbild auf Basis des Seiten-Alias ändern?

#2 22. Mai 2012 17:21

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#3 22. Mai 2012 17:54

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#4 22. Mai 2012 19:10

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#5 22. Mai 2012 20:03

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#6 22. Mai 2012 20:31

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#7 22. Mai 2012 21:43

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#8 23. Mai 2012 22:36

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#9 24. Mai 2012 09:34

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#10 24. Mai 2012 09:55

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#11 24. Mai 2012 13:31

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#12 24. Mai 2012 14:41

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#13 24. Mai 2012 15:20

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#14 25. Mai 2012 22:29

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#15 25. Mai 2012 09:08

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#16 09. Juli 2012 18:38

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#17 09. Juli 2012 19:29

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#18 10. Juli 2012 22:53

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

#19 10. Juli 2012 00:35

Re: Hintergrundbild auf Basis des Seiten-Alias ändern?

Fußzeile des Forums