CSS-Seiten mit Typo3

Macht jemand von euch eigentlich reine CSS-Seiten mit T3?
Sind vielleicht gerade Extensions in Entwicklung, die das ermöglichen?
Wer hat da schon Erfahrungen gemacht?

mlg,
Marpfei

wo ist das problem?

Problem? Typo3 ist doch stark auf Tabellen-Design ausgelegt, oder?

Mir fällt nur gerade aktuell die Einbindung von Bildern im Content ein.
Da macht er ganz brutal einfach eine Tabelle drumherum.
Muss man wohl die Klassen umschreiben...

mlg,
Marpfei

Marpfei schrieb

Sind vielleicht gerade Extensions in Entwicklung, die das ermöglichen?

nö, die gibt´s zum teil schon 1,5 jahre.
das zeigt, daß du in der liste der extensions noch nicht einmal nach dem suchbegriff css gesucht hast. warum?

Muss man wohl die Klassen umschreiben...

nö, s.o.

nimm also die css-extensions und guck dir (optional) in der ts-referenz den bereich zu "config" an, das ist eigentlich alles.

Thema/Stichwort: XHTML. Typo3 kann man über das Setup mittlerweile sehr einfach dahingehend anpassen. Der Rest ist sauberes HTML gemäß den XHTML-Spezifikationen und reichlich CSS.

Beispiele:
- www.etypo3.de
- www.etypo3.de/pickhan/ (noch im Aufbau)

Aber es gibt hier Forum bei den Seiten einige sehr gute Ref's dazu. Insbesondere auch zum Thema Barrierefreiheit...

@ theo:

nö, die gibt´s zum teil schon 1,5 jahre.

Sehr gut!

das zeigt, daß du in der liste der extensions noch nicht einmal nach dem suchbegriff css gesucht hast. warum?

Gut. Auf eine provokante Frage gibts eine provokante Antwort 😉
Mir ist klar, wieviele und welche CSS-Extensions es gibt. Mir erschienen diese Erweiterungen
aber viel zu unorientiert. Eine Extension, die 'CSS styled content' heisst und Bilder
mit Table-Tags einbindet, gab mir sehr zu denken....

Jetzt habe ich die Extension 'CSS styled IMGTEXT' als das hilfreichste Stück auserkoren.
Ich denke, ich schreibe einfach die Klasse 'tx_cssstyledimgtext_pi1' auf meine Bedürfnisse um.

Apropos Bedürfnisse: Mein Grund für den Post ist, dass ich unbedingt diese CSS-Bilderschatten
in Typo3 für alle Content-Bilder verwenden möchte.

Drop Shadow Gallery:
http://www.alistapart.com/d/onionskin/gallery.html

Habt ihr schon Erfahrung mit diesen Schatten gemacht? Verwendet die jemand?

mlg,
Markus

Marpfei schrieb

Eine Extension, die 'CSS styled content' heisst und Bilder
mit Table-Tags einbindet, gab mir sehr zu denken....

stimmt, und genau deswegen hat mittlerweile jemand die besagte "CSS styled IMGTEXT" geschrieben, die aber eben auf die 'CSS styled content' aufbaut, sie also als voraussetzung benötigt.
soweit ist typo3 also mittlerweile vollständig für css ausgerüstet, aber manche (d.h. eigentlich die meisten) extensionschreiber muß man halt eigentlich würgen, da sie einem vieles kaputtmachen...8-)

die onionskin fand ich mal ganz interessant, sie ist aber (wie der name schon sagt) ganz schön verschachtelt. was aber nur für puristen ein problem darstellen sollte... 😉

Für sowas braucht man keine Extension!!! Man kann doch sehr komfortabel jedes Element mit einer eigenen CSS-Klasse versehen - sei es RTE oder Content-Element. Man muss die Klasse nur in der TSconfig angeben und fertig.

Prost Neujahr im übrigen... 😃

Hallo Jörg,
danke für dein anschauliches Beispiel (pickhan). Das schönes XHTML (so wie ich es mit Typo3 auch hinkriegen möchte 😃).

Aber wenn ich um jedes Bild mindestens drei Tags herumschachteln möchte, dann muss die PHP-Klasse der Extension abändern....

<div class="example" id="v1">
  <div class="wrap1">
    <div class="wrap2">
      <div class="wrap3">
        ...bild...
      </div>
    </div>
  </div>
</div>

...da reicht mir die Definition im Setup nicht, oder?

mlg,
Marpfei

Doch, denn die Definition lässt sich in einer Klasse unterbringen... und die wird einem einzelnen Element zugewiesen. Deswegen macht die Verschachtelung an der Stelle keinen Sinn...

Wouh,
danke. Da habe ich wieder etwas dazugelernt. Also ich kann mehrere TAGs unter
einer Klasse zusammenfassen und spare mir damit mein TAG-Gewurschtle.
Das wird ja dann direkt übersichtlicher Code 😉

mlg,
Marpfei

wenn ich jetzt nicht völlig danebenliege, dann, so glaube ich jedenfalls, redet ihr doch komplett aneinander vorbei, oder??

Klar, das geht auch - die Referenzierung ist dann denkbar einfach. Schau halt auch mal in der CSS-Referenz nach, wie's gemacht wird (table > tr > td > img)

@theo:
Ok. Jörg redet von PHP-Klassen, und ich meinte Class-Definitionen in CSS-Tags.
Ist mir auch gerade klar geworden...

Nene, ich red von CSS-Klassen...

*ächz*

Wenn Du einem Bild z. B. im RTE ein bestimmtes Aussehen verleihen willst, dann hinterlegst Du in der CSS-Datei die entsprechende Formatierung.

Bleistift:
.sexyschatten {
background:#ddd url(pfad/zum/bild.gif) repeat-x top right;
}

Diese CSS-Klasse bindest Du im RTE ein (siehe TSconfig). Im RTE dann das Bild markieren und die CSS-Klasse zuweisen. Fertig. Kannst das CSS auch direkt in der TSconfig angeben...

Ähnlich verhält es sich mit dem normalen Inhaltstypen Bild (m. Text, etc.), allerdings musst Du dann je nach dem auf die entsprechend übergeordneten Tags referenzieren. Die Bilder werden so ja in einer Tabelle eingebunden. Das machste dann entsprechend in der CSS-Datei fertig.

Nix PHP! 😉

hi @all,

das geht in Typo3 sehr gut!!!!
Ich habe als Test so eine Seite realisiert. Es ist noch nicht alles fertig, aber immerhin.
Dafür habe ich Typo3 Extensions, wie TemplaVoila! und CSS_Styled_Content verwendet, natürlich mit Flex Elementen.
URL: http://www.partnerzone.gerenbergreisen.de

ich denke auch, dass das kein thema ist...

http://uni.smagmedia.com

@ all:
Danke für die eindrücklichen Beispiele. Es ist also doch möglich 😉
Ich denke, wenn man sich mal so eine schöne CSS-Arbeitsumgebung
mit persönlichen Features in Typo3 eingerichtet hat, dann läuft alles gleich viel runder.
Bis dahin habe ich noch einiges zu tun...

@ Jörg:
OK, hab verstanden. Mit RTE habe ich mich noch nicht beschäftigt,
aber die normalen Inhaltstypen werde ich nach meinen Vorstellungen abändern.

mlg,
Marpfei