Zum Inhalt springen

Typoscript, Css wie passt das zusammen?

Erstellt am 11. September 2006 · 11 Antworten · letzte Antwort am 19. September 2006

Tags: HTML & CSS, Frage

Gin ·

Hallo, ich hab mal eine ganz allegemeine Verständnisfrage. Ohne WCMS hat man bisher im Normalfall z.b. eine HTML-Seite erstellt und entweder direkt über HTML das Design festgelegt, oder eine Trennung von Struktur und Design mittels CSS hergestellt.

Wie ist das jetzt mit Typoscript?
So wie ich das bisher mitbekommen habe nimmt Typoscript auch gestalterische Aktivitäten vor. Oder sehe ich das falsch?
In dem Robert Meyer Werk "Praxiswissen Typo3" wird eine Unterscheidung getroffen zwischen Content-Einbindung default oder über CSS, aber erklärt wird das weiterhin nicht. Habe jetzt also meinen Content default eingebunden, da das auch in dem Praxisbeispiel so gemacht wurde. Muss ich aus diesem Grund per Typoscript Designvorgaben machen wie beispielsweise Schriftgrad, -größe , -farbe oder offset?
Würde das also alles wegfallen, wenn ich den Content über CSS einbinde? Mir ist klar, dass ich auch bei default zusätzlich CSS-Anweisungen einbinden kann, aber erhalte ich dadurch nicht einen absoluten Wirrwarr aus Struktur, Inhalt und Design?

Wäre toll, wenn mir da jemand helfen könnte: Wie macht man das "sauber" und was gehört dann definitiv nicht mehr ins TS?

just2b ·

Hallo,

also TS hat eigentlich sehr wenig mit Design zu tun, jetzt mal vielleicht grafische Menüs ausgenommen.

Die VOrgehensweise ist eigentlich nicht viel anders als bisher ohne CMS, du bindest css_styled_content ein und du wirst jede Menge CSS-Tags in deinem Frontend finden die du dann alle stylen kannst und dein Template ist ja auch ca. so aufgebaut

<div id="mainContent">###CONTENT###</div> und dann wird alles wie üblich gestyled (#mainContent {....}

hoffe ich konnte etwas helfen
georg

Gin ·

Heißt also, die Variante den Content default einzubinden ist nicht üblich? Kann ich das im Nachhinein noch ändern?

fragile74 ·

CSS_styled_content ist ja schonmal gut. Wie layoute ich aber verschiedene "Seitentypen" , bspw. soll meine Produkt-Sektion ein anderes, aber in sihc gleiches Layout haben wie die Service-Sektion ? Muß ich dann für jede Unterseite im "Template"-Bereich des Backends ein entsprechendes Stylesheet einbinden ?

just2b ·
fragile74 schrieb

CSS_styled_content ist ja schonmal gut. Wie layoute ich aber verschiedene "Seitentypen" , bspw. soll meine Produkt-Sektion ein anderes, aber in sihc gleiches Layout haben wie die Service-Sektion ? Muß ich dann für jede Unterseite im "Template"-Bereich des Backends ein entsprechendes Stylesheet einbinden ?

ich weiß nicht was bei dir eine "produkt-sektion" ist, aber du hast recht, du kannst mittels ext. template einfach das css überschreiben bzw ein 2. einbinden und dann wird das auch verwendet

lg georg

Gin ·

Also, um ehrlich zu sein habe ich noch immer nicht den Durchblick, vielleicht stelle ich mich einfach ziemlich blöd an.
Ich benutze TypoScript also nach neuesten Erkenntnissen nicht für Designvorgaben.
Ich gebe mal kurz ein Beispiel und hoffe, jemand kann mal an entsprechender Stelle Stop rufen, wenn völliger Unsinn aufkommt:
Die Struktur meiner Website wird bestimmt über ein HTML-Template. Die Schriftarten, -grade, Textdecoration wird über ein eingebundenes CS-Stylesheet vorgenommen; die einzelnen Elemente werden über Klassen eingebunden.
Für Plugins verwende ich ebenfalls HTML-Vorlagen für die Struktur, die Funktionalität wird mittels PHP realisiert. TypoScript realisiert vereinzelte Elemente in meiner Website, wie Mehrsprachigkeit, Menüs, Einbinden von Dateien, Dynamik etc. Bleibt noch das Layout, das ich ja beispielsweise über HTML mitgestalten kann, oder aber/ oder auch (?) mittels CSS. Oder ist es auch richtig CSS nur für oben genannte Schriftgrade etc zu nutzen?

Lieber Gruß
Gin

torben75hh ·
Gin schrieb

... das ich ja beispielsweise über HTML mitgestalten kann, oder aber/ oder auch (?) mittels CSS. Oder ist es auch richtig CSS nur für oben genannte Schriftgrade etc zu nutzen?

Also, wenn du gut bist 😉 , erstellst du mit HTML nur die reine Struktur. Ohne jedes Design. So richtig schön schrecklich blaue Links alles einfach von oben nach unten, so wie es im HTML-Quelltext aussieht.
Dann benutzt du eine CSS-Datei und "Schwupps" wird eine richtige Webseite daraus mit ansprechendem Design.

Guck dir mal den CSS Zen Garden an. Da ändert sich an der HTML-Datei garnichts.

Erst, wenn du das dann hast, kommt TypoScript ins Spiel...

Das benutzt du dann, neben anderen Sachen, um Inhalte in gewünschte Marker zu füllen.

Gin ·

Das war eine super Erklärung, Torben und die Seite hat mich total verblüfft. Jetzt bleiben nur noch zwei Fragen:
1. Muss ich um meinen Inhalt mit CSS layouten zu können den content css styled eingebunden haben, oder geht das auch, wenn er default eingebunden ist?
2. Kann ich nachträglich noch von default auf css_styled wechseln, wenn ja, was muss ich dazu tun?

Lieber Gruß

just2b ·

Hallo,

geh auf template > wähl deines aus > Click here to edit whole template record > unter include static einfach wechseln. kann sein dass du css_styled_content im extension manager noch installieren musst.

lg georg

fragile74 ·

Hoi,

nochmal kurz als ergänzende Frage : Ich beschreibe den Seitenaufbau auf der Rootseite mittels TS (also Header-Area, Navi, content-Teil mittels < styles.content.get). Außerdem include ich dort css_styled_content und kann ja so auf die einzelnen Elemente meiner Seite mittels CSS zugreifen.

Kann ich jetzt einfach für eine Unterseite (hab z.b. Home, Produkte, Impressum) ein neues Template schreiben, das nur ein entspr. anderes Stylesheet einbindet oder überschreibt dann dieses Template komplett das Rootlevel-Template ?