Grundverständnis von CSS styled page content

Darf ich dich fragen, weshalb du content default anstatt css styled content benutzt?

das ist schlichtweg das einfachste (finde ich... 😉 )

vor 1 1/2 jahren, als ich mit t3 angefangen hab, gabs die extension noch gar nich. plötzlich gab´s ne erste version, und ich dachte: suupergeil...
das war aber alles alpha- bis frühes betastadium und irgendwie (logischerweise) noch nich ausgereift.

ok, dachte ich, warteste bisses stable is.

mittlerweile hab ich ne große menge mehr "verständnis" für t3 und komme wunderbar klar. wenn ich mir jetzt wieder die extension angucke is mir das alles viel zu komplex und fertig ist sie immer noch nich...

Wie formatierst du dann zum Beispiel eine Überschrift (page header) mit CSS (mit content default)? Benutzt du eine eigene Klasse in deiner HTML-Vorlage? Oder definierst du ein h-Tag neu? Oder überschreibst du eine von Typo3 erzeugte Custom-Klasse?

Oder überschreibst du eine von Typo3 erzeugte Custom-Klasse?

zum beispiel, ja.
und da heißt das zauberwort: typoscript object browser

Wenn ich im TypoScript Object Browser "Browse: Constant" auswähle und unter "styles" nachschaue, sehe ich unter content/links/allowTags verschiedenste Tags, doch wo sind die Custom-Class-Definitionen versteckt :o

Ich arbeite mit der css styled content + SourceOptimization + RTE Konfiguration. Ist alles ein bisschen - nein, sehr! - umständlich beim ersten Projekt. Danach kannst Du alles weiterverwenden und der Implementierungsaufwand sinkt erheblich.

Im Endeffekt läuft es darauf hinaus, dass Du die css styled content (oder auch content default) über den Object Browser fast komplett bearbeitest. Nicht in den constants sondern im setup!

Dort gehst Du alle Einträge durch (für Formulare, Text, Überschriften, images etc.) und haust den Schmarrn raus der standardmässig drin ist. Dann passts 🙂

Möglicherweise gibts auch cleverere Wege, aber so hab ich das gemacht und funzt. Sollten wir dauerhaft mit Typo3 arbeiten werden wir wohl mal selbst ein statisches Template schreiben müssen.

Viele Grüße!
Niki

Ich arbeite mit der css styled content + SourceOptimization + RTE Konfiguration.

Interessant!

Nicht in den constants sondern im setup!

Danke, jetzt hab' ich's gefunden.

Im Endeffekt läuft es darauf hinaus, dass Du die css styled content (oder auch content default) über den Object Browser fast komplett bearbeitest.

Weshalb die CSS-Klassen umbenennen? Wenn ich das jetzt richtig verstanden haben, wird also dort im Setup von css styled content (oder content default) lediglich die CSS-Klasse eines Elements bezeichnet? Das würde bedeuten, dass ohne externes Stylesheet nichts formatiert wird. Oder gibt es irgendwo ein Typo3-internes Stylesheet, das standartmässig benutzt wird?

Wenn ich also in meinem Stylesheet z.B. die Klasse csc-subheader definiere, wird der Subheader damit formatiert...

Wenn ich also in meinem Stylesheet z.B. die Klasse csc-subheader definiere, wird der Subheader damit formatiert...

Ja, zum Glück #giggle#

Ich mag halt nicht überall so lange Dinger ranhängen. Hab mehrere Bereiche die ich über eine id kennzeichne z.B.

<div id="main">

und in dem werden dann die

<h1>, <h2>, <p>, <img>, <a href>

etc. entsprechend formatiert, ohne dass ich noch eine bestimmte CSS Klasse mitgebe. Das ermöglicht mir, Links oder Überschriften in unterschiedlichen Bereichen unterschiedlich zu formatieren.

Man kann aber natürlich auch einfach die entsprechenden Styleklassen die automatisch vergeben werden mit einer Formatierung versehen.

Viele Grüße!
Niki

Wie kann Typo denn im Setup Menü sagen, dass er die Tags ändern soll?
Ein Beispielcode wäre super. Danach würde ich das Anpassen wahrscheinlich hinbekommen.

Tut mir leid Geerooo, mir ist völlig unklar, was du wissen willst. Schätze, etwas genauer wirst du deine Frage schon formulieren müssen ...

Niki schrieb

Im Endeffekt läuft es darauf hinaus, dass Du die css styled content (oder auch content default) über den Object Browser fast komplett bearbeitest. Nicht in den constants sondern im setup!

Meine Frage bezog sich darauf.
Ich möchte diese ganzen kryptischen CSS-Definition von CSS Styled Content ersetzen durch meine eigenen. Daher wollte ich wissen, wie ich es im Setup up definiere, dass die einzelnen Elemente mit anderen CSS Definition gewrappt werden.

Gut, das ist viel Arbeit, aber an sich kein Problem. Gehe unter Template und schau mal die Option "Template Analyzer" an. Dort findest Du auch einen Eintrag für css_styled_content. Wenn Du drauf klickst, wird dir das komplette TypoScript-Setup von css_styled_content gezeigt, im oberen Teil die Constants, darunter das eigentliche Setup. hier kann man nichts bearbeiten, aber man kann den gesamten Typoscript-Code auskopieren. Danach kannst du es in einen Texteditor laden und genauer untersuchen. Dann wirst du schnell die Stellen finden, an denen die CSS-Angaben stehen.

Zum Beispiel dieser Abschnitt:

ib.stdheader = COA
lib.stdheader {

2 = LOAD_REGISTER
2.headerStyle.field = header_position
2.headerStyle.required = 1
2.headerStyle.noTrimWrap = | style="text-align:|;"|

3 = LOAD_REGISTER
3.headerClass = csc-firstHeader
3.headerClass.if.value=1
3.headerClass.if.equals.data = cObj:parentRecordNumber
3.headerClass.noTrimWrap = | class="|"|

csc-firstHeader kannst du austauschen gegen eine andere Bezeichnung, indem du diese Zeile in dein Setup schreibst:

lib.stdheader.3.headerClass = meinHeader

Und so weiter.

Viele Grüße
Peter