CSS mit Umgebungsvariablen fuellen?

[Torros]

Hallo liebe Community,

fuer ein neues Projekt moechte ich gerne einen H2-Text durch ein Bild ersetzen.

Soweit so gut.

Nun habe ich also fuer diese H2 die Klasse "siteHeadline" vergeben und eine
weitere Klasse, die dem page_alias entspricht.

Nun dachte ich mir, mensch, das waere doch eine Superidee, statt das Stylesheet
mit Definitionen fuer jede einzelne Headline vollzuknallen, einfach folgendes zu versuchen:

.siteHeadline {
  ...
  background-image: url('...theme/xxx/headline_{{env::page_alias}}.png');
  ...
}

Das wuerde dem Redakteur lediglich abverlangen ein Bild passend zum
Alias in der vorgeschriebenen Art und Weise abzuspeichern und dynamisch
wird das Bild in die H2 eingefuegt.

Klappt natuerlich nicht.

Nun die eigtl. Frage: Hat jemand soetwas schon einmal probiert und kennt jemand evtl. die Loesung fuer dieses Problem?

Ich koennte natuerlich auch direkt ein

<img>

einbinden, dann wuerde mir aber die Textinformation fehlen und mit zusaetzlichen

<span>

's moechte ich auch ungern arbeiten. Bzw. nur wenn mir nix anderes uebrig bleibt.

Okay, danke schon mal im Vorraus und einen angenehmen Abend wuenscht,
- Till -

[folkfreund]

Hallo Torros,

spontan fällt mir da Inline-CSS ein, das kannst du im Template erzeugen lassen.

 <h2 style="<?php ... ?>">...Text-Info...</h2>

Ich weiß nur grade nicht, wie du im Template an den page_alias dran kommst. Oder kann man da auch noch die InsertTags verwenden?

Gruß, folkfreund

[Torros]

Danke

Hey,

gute Idee, das sollte funktionieren. Meiner Meinung nach kann man auch im Template mit include-Tags arbeiten.

Wenn keine andere (evtl. bessere ) Idee kommt, dann werde ich es so probieren.

Aber ist wahrscheinlich auch die einzige Loesung um ein wenig Faulheit zuzulassen.

danke nochmals,
- Torros -

[MacKP]

Hallo Torros,
da es in CSS Dateien so nicht gehen wird habe ich mir auch mal Gedanken dazu gemacht gehabt. Gerade für das Arbeiten mit wechselnden Bildern:

http://de.contaowiki.org/Dynamische_Seitenbilder_mit_Insert-Tags

Viele Grüße

[Torros]

Jo,

ich glaube die Mischung bringts.

Ein eigenes Modul (Eigenes HTML) mit Inline-CSS:

<h2 class="siteHeadline" style="background-image: url('.../theme/xxx/headline_{{env:page_alias}}.png')">{{env::page_title}}</h2>

Sieht doch gut aus, oder?

Man braucht nicht imTemplate rumferkeln und hat trotzdem ein ziemlich dynamisches Schnippselchen was auch dem Redakteur keine Angst machen duerfte. Wenns denn klappt.

Danke euch beiden fuer die Anregungen.

Edit: Finally it works... Muhahhaaa.