CSS-Dateien auslagern? (Anleitung in P. Müllers Buch „Websites erstellen mit Contao“)
Hallo Forum,
ich versuche die Anleitung aus dem Buch von Peter Müller (Websites erstellen mit Contao Auflage 1 (!)) nachzuvollziehen – jedoch übertragen auf ein schon bestehendes Webprojekt (mit Contao 2.10). Da ich dort nicht weiterkam, habe ich mir lokal eine zweite Installation von Contao 2.10 angelegt und arbeite nun parallel mit dem Buch und den Beispieldateien zu Auflage 2 (Download auf der entsprechenden Website).
Ich versuche die Auslagerung der CSS-Files zu erreichen, damit ich diese mit meinem Editor bearbeiten kann, stolpere aber über Kapitel 7.7.1: Dort wird geschrieben, dass man sich die fe_page.tpl (fe_page.html5 seit Version 2.10) als Kopie anlegen soll IN EINEN Unterordner von /templates (/templates/blaues_theme).
In den Beispieldateien des Buches (Auflage 2) finde ich aber in KEINEM Kapitelordner eine Kopie der fe_page und auch nach Import der Datei k08_anfang_Websites_erstellen_mit_Contao.sql habe ich KEINE Kopie im Ordner templates/blaues_theme?!
Das Konstrukt mit @import in der zentrale.css und der Anpassung der fe_page Kopie gelingt mir also nicht!
Ich bin den Erklärungen zur neuen Auflage 2 durchgegangen (http://goo.gl/xud4n) , aber dort steht, es würde sich am grundsätzlichen Prozedere in Kapitel 7 nichts ändern. Ich hätte am Ende germe meine CSS-Dateien so abgelegt, dass ich die extern bearbeiten kann und intern angezeigt bekomme...
Was läuft das also falsch? Muss ich mich denn z.B. ganz genau an die Ordner /tl_files/themes und /templates/blaues_theme halten?
Danke Euch vielmals und beste Grüße
Typogold
Liste der Anhänge anzeigen (Anzahl: 6)
Bilder
Hallo,
da ich mich vermutlich nicht korrekt ausdrücke, hier Bilder:
1.
MEINE lokale Installation (nach der Anleitung im Buch):
template
Anhang 6113
css
Anhang 6114
(müssten HIER nicht CSS-Dateien erscheinen?
konfiguration
Anhang 6116
2.
Die lokale Installation MIT den Beispieldateien aus dem Buch (k08_css_extern)
template
Anhang 6112
css
Anhang 6115
(wie kamen diese CSS-Dateien zustande? Handelt es sich dabei um die in den vorangegangen Kapiteln im BACKEND angelegten Dateien?)
konfiguration
Anhang 6117
3.
Ich weiß nicht mehr weiter....?! Habe ich ne Möglichkeit in Contao mein CSS-Chaos irgendwie zu "entwirren" und nochmal neu anzufangen?
Liste der Anhänge anzeigen (Anzahl: 1)
Heute heruntergeladen
Hallo Herr Müller,
sicher kennen Sie Ihr Buch mittlerweile auswendig und das soll kein Vorwurf sein: In den Beispieldaten zur zweiten Auflage des Buches findet sich in Ordner k08_css_extern KEINE fe_page.xhtml. Erst im Ordner k09_navigation/frontend_template_k0904_ende. Aber auch diese zeigt nicht, wie man CSS-Files extern einbindet...?!
Anhang 6119
Da ich mit meinem Problem überhaupt nicht weiterkomme, wüßte ich nur gerne, ob das Duplizieren der fe_page.xhtml überhaupt ein von Ihnen/der community gangbarer Weg ist?
Warum ich überhaupt versuche, das so zu lösen?
Ich baue gerade eine Site auf, in der es einen geschützten Mitgliederbereich gibt, der an wichtigen Stellen anders aussehen muss, als der öffentlich sichtbare, da dort breite Tabellen abgebildet werden sollen. Insofern suche ich nach einer Möglichkeit, meine CSS-Dateien extern sauber zu strukturieren. Intern ist es nämlich recht fummelig, die verschiedenen Layouts zu verwalten.
Vielleicht bin ich auch einfach nur zu *** gerade, immerhin versuche ich seit paar Stunden den Fehler zu finden... Ich mache daher für heute einfach Schluß.
Danke für Ihren Einsatz und Ihre Geduld
Typogold
Liste der Anhänge anzeigen (Anzahl: 1)
...und hier noch ein passender Screenshot dazu:
Anhang 6125
Man beachte die zusätzlichen <header>-Tags :)
Liste der Anhänge anzeigen (Anzahl: 5)
Schönen Abend zusammen,
ich hänge mich jetzt einfach mal hier dran. Nachdem ich die Extension "csseditor" verbannt und nach Peter's Anleitung im Contao-Buch externe Stylesheets angelegt habe, bin ich überglücklich. Prinzipiell funktioniert alles super, und die Bearbeitung macht wieder Spaß. :D Danke!
Ich habe jetzt trotzdem noch ein Problem: ich verwende immer drei Stylesheets. Das Reset-Stylesheet basic.css, ein grid.css und ein style.css. Bei den Browsertests habe ich dann einige Unregelmäßigkeiten festgestellt. Chrome und Safari ignorieren die basic.css. So fehlen zum Beispiel die Abstände vor und nach den Überschriften oder auch nach den Absätzen. Ich hänge hier mal Screenshots von allen Browsern dazu. In Firefox, Opera und sogar beim IE passt alles. (Hier noch der Link.)
Im übrigen ist es gleichgültig, ob ich die externen Stylesheets über das Seitentemplate oder das Seitenlayout einbinde. In beiden Fällen hab ich das gleiche Darstellungsproblem. Die Tests aus dem letzten Post von Peter hab ich gemacht, konnte nichts auffälliges finden, zumal das Ergebnis in drei Browsern eh passt. Die basic.css lässt sich auch in Chrome und Safari aufrufen.
Woran kann das liegen?
LG,
Birgit
Probleme mit der bildschirm.css
Ich bin auch ein Fan von Peters Buch (habe die 2te Auflage) :D
Leider hat sich bei mir eine Fehler eingeschlichen....und diesen Halunken kann ich einfach nicht finden :mad:
Keine der Formatierungsanweisungen (Minikalender, Kontaktformular gestalten,....) funktionieren bei mir. Formatierungen im body, header,....gehen anstandslos...
Hat jemand eine Tipp, wo der Fehler liegen könnte?
Tja, ich bin natürlich noch eine contao-Frischling :rolleyes:
LG aus Wien