Zum Inhalt springen

CSS: Content Bereich bei 3-spaltigem Layout dynamisch skalieren?

Erstellt am 12. Februar 2007 · 15 Antworten · letzte Antwort am 16. Februar 2007

Tags: HTML & CSS, Frage

Michaelh74 ·

Du kannst auch im page header mit einem Ext. Template die CSS Anweisungen überschreiben.

Aber im Grund genommen nimmt sich das alles vom Aufwand her nicht viel.

Die Template Variante hätte noch den Vorteil, daß man z.B. mit Hilfe des Template Selector die Auswahl dem Redakteur überlassen kann.

Gruß
Michael

Mik3e ·

Hi,

Das mit dem Template Selector klingt interessant. Bin leider noch ein Halb-Noob bei T3 😉

Werd mal sehen, was ich dazu finde. Kennst Du ein gutes Tut zu diesem Thema?

Ciao,
Mike

Mik3e ·

@Kitsunet:
Danke, auch eine gute lösung mit dem Marker...
Dachte es gibt irgendeine funktion in ts, die es erlaubt direkt auf die style Eigenschaften eines Containers zuzugreifen.

Obwohl Inline CSS ja nicht sonderlich schick ist (wenn auch praktikabel 🙂

d.​walter ·

Hallo,

ich habe die Templateauswahl nicht über die Extension gelöst sondern über die Seiteneigenschaften. Folgendes hab ich als Extension-Template angelegt.

#-------------------------------------------------------------------
# Festlegen des Templates 2-Spaltig
#

 page.10 = TEMPLATE 
 page.10.template = FILE 
[globalVar=TSFE:page|layout=0]
 page.10.template.file = fileadmin/template/kt-org/css-layout.html
 page.includeCSS.file1 = fileadmin/template/kt-org/css/import_2_col.css
  page.includeCSS.file2 = fileadmin/template/kt-org/css/iehack_2_col.css

 [global] 

# Festlegen des alternativen Templates 3-Spaltig
# Layout 1
# [browser=msie]


 [globalVar=TSFE:page|layout=1]
 page.10.template.file = fileadmin/template/kt-org/css-layout.html
 page.includeCSS.file1 = fileadmin/template/kt-org/css/import_3_col.css
 page.includeCSS.file2 = fileadmin/template/kt-org/css/iehack_3_col.css


 [global]

Und dann folgendes noch ins TS-Config der Rootseite

#-----------------------------------------------------
# TCEForms anpassen für Layoutwahl

TCEFORM.pages.layout.altLabels.0 = 2-Spalten
TCEFORM.pages.layout.altLabels.1 = 3-Spalten
TCEFORM.pages.layout.removeItems = 2,3,4,5,6

#------------------------------------------------------

Vielleicht hilfts.

Gruß

Daniel

Mik3e ·

Hi,

Also ich habe jetzt versucht es so zu lösen (nur in TS):

config.TCEFORM.pages.layout.altLabels.0 = 2-Spalten
config.TCEFORM.pages.layout.altLabels.1 = 3-Spalten
config.TCEFORM.pages.layout.removeItems = 2,3,4,5,6

# DEFAULT PAGE OBJECT
page = PAGE
page {
	# PAGE SETUP / HEADER & META
	includeCSS {
		[globalVar=TSFE:page|layout=0]
			file1 = fileadmin/css/main_3col.css
			file1.media = screen
		[global]
		
		[globalVar=TSFE:page|layout=1]
			file1 = fileadmin/css/main_2col.css
			file1.media = screen
		[global]
	}

Nur leider ohne Erfolg :o(
Dieses TCTFORM Object definiert die Auswahlfelder beim Layout einer Seite nehme ich an, oder??

Ciao,
Mike

Mik3e ·

Gut, mit config.* gehts leider nicht. Habe es jetzt auch als TSConfig im Root angelegt und es passt alles.

Nur die Darstellung der Seite geht nicht mehr, seit ich die global Verzweigung eingefügt habe. Liegt möglicherweise daran, dass es kein Extension Template sondern das Projekttemplate im Root ist!?

Hast Du eine Idee, wo das Problem liegen könnte?
Hier nochmal der Code im TS der Root Site:

# DEFAULT PAGE OBJECT
page = PAGE
page {
	# PAGE SETUP / HEADER & META
	typeNum = 0
	includeCSS {
		[globalVar=TSFE:page|layout=0]
			file1 = fileadmin/css/main_3col.css
			file1.media = screen
		[global]
		
		[globalVar=TSFE:page|layout=1]
			file1 = fileadmin/css/main_2col.css
			file1.media = screen
		[global]
	}

Danke vorweg,
Ciao,
Mike

Mik3e ·

Kaum macht man es richtig, funktionierts auch schon 😉
Wenn das so eine bekannte Regel ist wundere ich mich, dass in dem schlauen T3 Buch nichts zu finden ist zu diesem Thema.

Gilt das in T3 prinzipiell für alle Conditions?

Naja, jetzt merk ichs mir jedenfalls,
Danke & Ciao,
Mike

Mik3e ·

Hi,

Es hat sich jetzt doch noch eine Frage ergeben (was die Einbindung der Stylesheets in den RTE betrifft)..
Siehe: #579351
Hat hier vielleicht irgendjemand einen Tipp?

Ciao & Danke,
Mike