JLog Design anpassen

Um lediglich die Gestaltung von Jlog an ihren Geschmack anzupassen, ist es in den meisten Fällen nicht nötig, den Quellcode des Templates zu ändern, stattdessen reicht es oftmals aus, in den CSS-Dateien lediglich ein anderes Layout zu definieren.

Benutzte Stylesheets

Jlog verwendet aktuell (Version 1.0.0) fünf Stylesheets, die sich allesamt im Verzeichnis personal/css/ befinden:

• Die admin.css legt das Layout des Admin-Bereiches fest.
• In der ielte6.css befinden sich spezielle Definitionen und CSS-Hacks, um Darstellungsfehler im Microsoft Internet Explorer (bis einschließlich Version 6, allerdings nicht Mac) zu kompensieren. Diese Datei wird über Conditional Comments eingebunden.
• Popup-Fenster, z.B. für den Bilder-Upload, werden mit Hilfe der popup.css „gelayoutet“.
• Das Drucklayout wird durch print.css festgelegt.
• Mit Hilfe der screen.css wird das Layout des Blogs auf dem Bildschirm festgelegt.

Im Unterverzeichnis img/ sind weiterhin sämtliche Mediendateien abgelegt, die von den CSS-Dateien eingebunden wurden.

Tipps zum Anpassen des Designs

Falls sie Jlog ein komplett neues Layout überstülpen möchten, ist es sehr hilfreich, die genannten CSS-Dateien durch leere zu ersetzen und dann sukzessive, am Besten unter Zuhilfenahme des Templates personal/template.tpl – oder noch besser, des Firefox' DOM-Browser – mit den eigenen Definitionen zu füllen. Vergessen sie dabei auch nicht die Kompatibilitätsdatei für den MSIE (ielte6.css), da es sonst zu kleinen Überraschungen kommen kann, wenn das coole Layout in diesem Browser zerschossen und mit einem schwäbischen Sportwagen im Hintergrund dargestellt wird.