Personal BabblishingHandmade Lorem Ipsum™

Update! Neuer Eintrag

Naja nicht in “echt”, aber zumindest für mich habe ich blog.ch redesigned.

Gemacht habe ich das ganze mit einer Firefoxextension und dem userContent.css. Mit der Firefoxextension URIid wird jeder Domain per Javascript eine eigene id in den body Tag geschrieben. In meinem Beispiel id=”blog-ch” oder eben id=”www-blog-ch”, dank dieser id lassen sich nun per CSS die einzelnen Teile einer Seite neu gestalten.

Das userContent.css Feature von Firefox wollte ich schon länger mal ausprobieren. Auf die Idee das ganze mit blog.ch zu machen kam ich nachdem ich mich mehrmals über die kachelnde Headergrafik “geärgert” habe. Ausserdem fand ich die Seite mit meiner hohen Bildschirmauflösung (1280×1024) einfach zu breit.

Zuerst habe ich das Ganze ein wenig schmaler gemacht, und zwar auf beiden Seiten 15%. War dann schonmal glücklich da sich die Headergrafik nicht mehr wiederholte. Aber weils so lustig war habe ich noch weiter gebastelt. Habe die Grafik gleich ganz ersetzt, und zwar mit einer Nahaufnahme einer Kirschblüte. (Ich glaube auf der Originalgrafik sind auch Kirschblüten)
Und weiter gings, ich fand den Text zu eng aufeinander, und das # für die Feeds fand ich noch nie sexy. Gleich mal ersetzt durch das RSS Icon. (siehe Screenshots)

Zuerst habe ich mich ein wenig schwer getan, der Link zum RSS-Feed besitzt keine eigene Klasse, und die Navigation ist auf der Startseite in einem nüchternen < p >, auf der Aboutseite in einem < div id="options" >. (Desswegen habe ich mich auf die Startseite konzentriert, und die anderen Seiten ziemlich in Ruhe gelassen.) Die Lösung nahte, als ich gemerkt habe, ey, du machst das eh nur für dich, und du verwendest einen Browser der ziemlich viel CSS versteht, unter anderem Pseudoattribute wie :first-child. Gedacht – gemacht. Und nun sieht blog.ch für mich schöner aus denn je. “freu”hüpf”zappel” ; )

Hier ein paar Screenshots:

Jaja, ich weiss, auch daran liesse sich noch viel arbeiten und korrigieren, aber für heute reicht es. Mein erstes userContent.css Experiment war erfolgreich und ich gebe mich zufrieden.

Sollte ausser mir noch jemand Freude an dieser neuen Optik haben, der kann sich gerne mein userContent.css herunterladen. Einfach ins “chrome” Verzeichnis von deinem Firefox Profil legen (Dokumente und Einstellungen/%user/Anwendungsdaten/ Mozilla/Firefox/%8ziffern.default/chrome/), Firefox neu starten und Freude haben. (Firefoxextension URIid nicht vergessen!)

eventuelle Probleme:
→ mein Hoster ist manchmal ein bisschen lahm, nur Geduld …
→ der “Last updatet on …” Text kann bei Fenstergrössen von zB. 800×1024 am falschen Ort stehn. Dies liesse sich durch anderes Formatieren des HTML lösen. (oder mehr CSS tüfteln?)

Und noch ein Detail: Mein userContent.css funktioniert nur wenn man blog.ch ohne www. ansurft! Dies liesse sich ohne weiteres ändern, habe ich aber mit Absicht gemacht, damit ich das Original von Matthias auch weiterhin besuchen kann. zB wenn er etwas ändert.

Update! Neuer Eintrag