[josDesign]

Hallo liebe Typo3forumler!

Ich habe gerade mein erstes Template mit Yaml offline erstellt. Nun gibt es für Typo3 & Typo3 eine eigene Extension & T3D Dateien für Typo3 was mir einen Haufen an Seiten und unbenötigten Zeugs installiert. Da ich TemplaVóila auch erst seit kurzen verwende, bin ich da auch noch ein wenig im großen Wald ohne Plan Ich suche deshalb nach einem kleinem evtl. auch feinem Tutorial wie Yaml manuell in Typo3 eingebunden wird.

Mit bestem Dank im Voraus,
jos

PS: Ich bin mir überhaupt nicht sicher ob es sowas gibt. Ich glaub nämlich nicht. Ansonsten muss ich wohl wirklich mit dem Komplettpaket (Yaml+T3D+t3x) mal beginnen zu experimentieren und vor allem das im offiziellen Buch dargestellte Kapitel durchmachen.

[christiana83]

Das "normale" YAML ist doch nur ein CSS Framework. Das kommt so ins TYPO3, wei du auch normalerweise dein CSS einbindest.

Typoscript-Code:

1: 2:

page.stylesheet > page.includeCSS.file1 = fileadmin/styles/undhierdasyaml.css

Du musst dafür nicht das YAML Paket für TYPO3 verwenden.

[Junior]

Und hier die komplette TYPO3 YAML Seite inkl. TYPO3 Templates:

Home: YAML, TYPO3 und Ecommerce

Lieben Gruss

[josDesign]

Hallo Junior!

Ich weis, ich hab das auch schon installiert gehabt, jedoch möchte ich nicht den ganzen SChnickschnak der schon drauf ist mitdabeihaben. Ich bin derzeit auch noch am Lernen mit TemplaVoila.

Das Top>Down Prinzip mit dem yaml-t3d ist ziemlich heftig.

[refalo]

Hallo josDesign!

Also, ich benutze YAML direkt und OHNE .t3d , d.h. im Pinzip binde ich geeignete CSS-Dateien (hierarchisch) ein.

Man kann beispielsweise Schritt für Schritt hierarchisch die CSS-Dateien an Hand der beigefügten Beispiele in sein eigenes HTML-Template einbinden.

Dazu muss man sich die Beispiele sehr genau anschauen, verstehen und nachvollziehen.

Am besten, man baut sein eigenes Template in kleinen Schritten (unter Einbeziehung der YAML-CSS-Include-Hierachie, die man erst einmal kennen lernen muss!) langsam nach und immer weiter auf.

Mit diesem Verfahren hat man mit YAML wohl die größten Lerneffekte. (Es gibt auch eine sehr ausführliche PDF-Dokumentation).

Gruß refalo.

[josDesign]

Danke für die Info!

Ich habe jetzt bis auf die FCEs schon alles so hinbekommen wie ich es mir vorgestellt habe. Derzeit noch in einer Testumgebung, aber bald schon produktiv.

Die PDF-Doku habe ich auch bereits durchgemacht. Da das Buch ja leider schon veraltet ist dafür. Aber wenn man beides liest, PDF und Buch dann kennt man sich auch wieder aus, so gings mir halt.

Aber habe ich es richtig verstanden, dass man den basemod-Ordner eigentlich nicht zwingend basemod benennen muss, oder?

[refalo]

Hallo josDesign!

- Ich würde mir erst einmal examples (index-Datei) aus dem YAML-Paket mit einem Browser anschauen und auch mal in die CSS-Dateien reingucken sowie die Seitenquelltextanzeige des Browsers nutzen (dann lernt man was über die Include-Hierachie).

- Ich habe mir erst einmal die YAML-Ordner-Hierarchie (also ohne die Beispiel-Unterstruktur examples) in mein Root (kann z.B. oberhalb, neben oder innerhalb meines fileadmin/ sein,) gepackt.

- Dann musst Du Deine auftauchenden (relativen) CSS-Include-Pfade (in den HTML- und CSS-Dateien) natürlich entsprechend anpassen.

- Verzeichnis- und Dateinamen innerhalb der (Kern-)YAML-Struktur habe ich so gelassen und alles liegt außerhalb von fileadmin. Dann kannst Du evtl. diese YAML-Installationen auch für mehrere CMS-Installationen (u.a. auch verschiedene CMSe, z.B. TYPO3 und CONTENIDO) auf dem selben Webserver gemeinsam verwenden...

- Die YAML-Beispiele haben auch schon eine eigene, gemeinsame Namens- und Include-Hierarchie, die Du natürlich ändern/anpassen kannst, wenn Du die ins fileadmin übernimmst und daraus Dein eigenes Template bastelst. Hier kannst Du natürlich alles anpassen und vereinfachen (z.B. Dateinamen und Verzeichnistiefe). Diese Beispiele wiederum stützen sich ja auf die YAML-(Core-)Hiearchie (siehe Includes in den CSS-Dateien), welche ja außerhalb von fileadmin liegen könnte. Hier ist quasi so ne Art Sollbruchstelle zwischen Dir bzw. Deiner Anwendung und YAML-Core.

- Natürlich solltest Du die Feinheiten innerhalb der von Dir angepassten (ursprünglichen YAML-)Beispieldateien berücksichtigen und (wie z.B. IE-Patches, weitere Browser-Hacks, Multi-Column-Layout, farbige Spaltenhintergründe usw...) geeignet drin lassen bzw. vorsichtig anpassen... Sonst kommen böse Überraschungen.

- Wenn Du Dir mehrere verschiedene Beispiele anschaust, lernst Du auch besser die gemeinsame Grundstruktur usw. kenne. Siehe auch PDF-Doku.

Gruß refalo.

[josDesign]

Wo und wie ich mit den CSS-Dateien umgehe ist mir bereits zu 99% klar (den weiteren 1% brauch ich immer um in der Doku nachzusehen smile:

Wenn man im Internet surft zu produktiven Yaml-Seiten merkt man schnell, dass diese alle ein wenig anders vorgehen. Nicht immer nach dem vorgeschlagenen Schema.

Natürlich ists klar, dass man die core-CSS nicht verändert, keine Frage.

[ben]

Also ich mach das wie folgt:

Das Template musst Du natürlich nach dem Yaml-Framework aufbauen (also col1, col2, col3, etc.).

Dann binde ich am Anfang meines Stylesheets die Yaml-Basics ein (da ich Farben sowieso verändere).
Das sind:

• main/base.css
• main/content.css

Danach füge ich noch je nach Bedarf eine passende basemod-Datei ein, je nachdem wie ich die Spalten ANordnen will:

• modifications/basemod_1-3-2.css

Der Rest sind dann andere eigene Stylesheets, für Extensions, Farben, etc.

Grüße
Ben

[solei]

zur yaml - doku:

Zitat von refalo

(Es gibt auch eine sehr ausführliche PDF-Dokumentation).

Gruß refalo.

wo bekomme ich die denn her?

gruss solei