Zum Inhalt springen

CSS einbinden

Erstellt am 13. Februar 2006 · 3 Antworten · letzte Antwort am 20. Februar 2006

Tags: Frage

steven11 ·

Hi,
ich möchte auf einer Seite mit einem Extension-Template zwei CSS Stile einfügen

=>

page.CSS_inlineStyle (
  <style type="text/css"><!--
	a {
		color		: rgb(250, 130, 50);
	}
	.submenu_active a, .submenu_normal a:hover {
    		background-color: #F6EFD0;
	}
  --></style>
)

soweit klappt das auch, ABER:
In TemplaVoila habe ich unter "Select HTML header parts" eine CSS-Datei eingebunden. Die neuen CSS-Stile werden aber _vor_ der CSS-Datei eingefügt. Das sieht dann also so aus:

  <style type="text/css"><!--
	a {
		color		: rgb(250, 130, 50);
	}
	.submenu_active a, .submenu_normal a:hover {
    		background-color: #F6EFD0;
	}
  --></style>
  <link rel="stylesheet" href="fileadmin/templates/styles.css" type="text/css" />

wodurch die neu eingefügten Stile überschrieben werden...

Wie kann ich TemplaVoila dazu bringen, dass page.CSS_inlineStyle am Ende des HTML-Headers angezeigt wird? Ich könnte ein neues Template-Objekt anlegen, allerdings erscheint mir das als totaler Overkill...

miwolfram ·

schmeiss die neuen styles in ein eigenen .css-file und binde es mit zb.
page.includeCSS {
file1 = fileadmin/templates/technikbox.css
file2 = fileadmin/templates/rte.css
}
im TS-Setup ein.

Damit kannst du gleich mehrere css-files einbinden und brauchst auch im TV-Modul unter "select html-header parts" nur noch das body tag wählen.