WebsiteBaker Templates

Chio (admin) am 31.05.2008

Auch einige eigene Templates sind dazugekommen, oft Testobjekte, wie weit sich ein angedachter Template-Guide in die Praxis umsetzen lässt.

Da wäre zb die Sache mit der editor.css: Der FCK-Editor verwendet dieses css für die Darstellung im Backend. Da läge es doch nahe, dieses css sowohl für das Backend als auch für das Frontend zu verwenden: Damit muss man die Stile nur einmal definieren und spart sich unnötige Doppelarbeit. Allerdings ist das etwas haarig: Hat man zb Faux-columns auf dunklem Hintergrund, muss getrickst werden: im editor.css zuerst body auf hell hellen, dann in main.css wieder auf dunkel.
Dadurch könnte es zu Konflikten kommen. Dasselbe gilt auch, wenn <li> sowohl für das Menü als auch für den Editor-Text definiert ist. Ich muss gestehen: Das Gelbe vom Ei habe ich noch nicht gefunden.

Back

Comments

Christian 01.06.2008

In die editor.css sollten nur die CSS Angaben der screen.css kopiert werden, die man im Backend gerne sehen würde (z.B. Linklisten, Überschriften, Absatzformate).

Alles andere hat da nichts zu suchen und kann unter Umständen den FCK völlig ausser Tritt bringen.

Daher. Die editor.css ist NUR für CSS Angaben des WYSIWYG editor gedacht, für nichts anderes.

Alle CSS Stile des Frontends sollten in eine eigene Datei: z.B. screen.css oder template.css.

Gruss Christian

Chio 01.06.2008

Ja, das ist die große Frage: Ich predige, bete vor, bettle darum: "Leute, nehmt die Absatzformate richtig her". Mit denen gibt es auch in der editor.css keine Probleme. Andere wiederum kennen außer div gar nix. Da gibt es ordentlich Brösel, klar.
Es gibt Standards, und an die kann man sich - wenn es leicht geht - auch halten. Standards muss man machen, die wachsen nicht von selbst in der Ursuppe. Alles andere führt zu _noch_ mehr Brösel.

Christian 02.06.2008

Hallo Chio,

die Template-Guidlines werden gerade definiert. Einer davon ist: "editor.css" nur für Absatzformate und Inlineelemente die man im WYSIWYG Editor gerne sehen würde, sonst nichts.

Alles was zum Templatelayout gehört kommt in die "template.css" (vorige screen.css), sprich Div Container fürs Layout, Angaben für das Navigationsmenü etc. Mit anderen Worten, alles was man für die Ausgabe im Frontend braucht. CSS Hacks sollten per @import Regel dazugeladen werden und in einer eigenen Datei gespeichert werden (z.B. "css_hacks.css"). Wer das ganze etwas übersichtlicher gestalten möchte, kann auch noch eine optionale "layout.css" definieren. Dort sollen dann nur die CSS Angaben rein, die für die DIV Layouts benötigt werden.

Christian

Vyni 06.07.2008

Hallo Chio,
gutes Thema, find ich. Nun wäre aber äußerst nützlich, wenn Du dieses Basiswissen als "Nachschlagwerk" Workshop auf der websitebaker.at anlegen würdest. Dann könnten solch ahnungslose wie meinereiner vielleicht auch früher oder später sinnvolles erreichen. editor.css?? Wo ist denn die zu finden bzw. wo soll denn die hin, dass der editor sie auch findet und weiß, dass ich die gerne hätt´? Frontend-functions ?? Da ist zum Beispiel die WB-Funktion einen Link als popup anzulegen. Gut. Aber mich Freak stört wahnsinnig, dass man zwar Größe und Position angeben kann, aber nicht, dass das popup zentriert geöffnet wird. - Wo könnte man das ändern? Ein anderes kleines Javascript zeigt z.B.: Bilder zentriert und animiert, und nit minimalem Fensterrahmen an. Also in welche Datei fügt man diese Funktion am sinnvollsten ein? . Im Template mit Nachlade-anweisung? Nicht so sinnvoll wenn man verschiedene Templates verwenden will. - Ich weiß natürlich, dass so ein Workshop eine ganze Menge Arbeit zusätzlich zur Template-Anpassung ist, und eine ganze Menge Schlaumeier das sowieso besser und schöner gemacht hätten und all das, aber helfen würd´s eine zumindest grobe Linie in den ganzen Ablauf zu kriegen - so eine Art Standard zu initiieren.
Ansonsten ziehe ich meinen Hut, Respekt.


Add Comment



WebsiteBaker.at

WebsiteBaker.at

So nebenbei entsteht eine neue Site zum Thema WebsiteBaker:  WebsiteBaker im professionellen Einsatz. Dort gibt es nur das Best-of zu sehen: Die besten WebsiteBaker Sites, die besten Templates und überhaupt: Den besten WebsiteBaker wo gibt!

 

Live Musik Lokal in Wien

Menü-Blöcke und Kapitelfarben

Ein neues Template und die Antwort auf alte Fragen: Wie mache ich Zwischenüberschriften oder Gruppen im Menü? Und wie mache ich verschiedene Farben pro Kapitel - auch auf den Unterseiten? Das Template "Blockit" zeigt einen Weg auf.

 

Live Musik Lokal in Wien

Caching mit Websitebaker?

Caching ganzer Seiten bietet einige Vorteile - und einige Nachteile. Keine konkrete Anleitung, aber ein paar Anregungen und Hinweise, welcher Art die Fallstricke sind, und wie es vielleicht trotzdem geht.

  zurück    [ home ]   [ websitebaker ]   [ start ]

www.beesign.com - webdesign in wien