What is the first thing you do when it’s time to create a new CSS file? You might start from scratch with a blank CSS every time. You might use Eric Meyer’s reset.css. You might probably work with one of the numerous CSS-frameworks, such as Blueprint CSS or YAML or even use the CSS stuff from that YUI framework. You might even start with your CMS’s standard theme and adjust things from there…

One thing you might forget when you hack in the first lines of CSS (and this happens to the best of us) is to use reallife markup instead of that boring “Lorem ipsum…” designers seem to have a faible for. This is where this markup snippet comes into play: it should help you with filling your wireframe layout with some actual HTML-markup.

So just plain HTML, huh?

This snippet provides a wide range of commonly used markup, that should be supported by most rich editors (a.k.a. WYSIWYG editors).
Since every coder has his own preferences towards class names. I decided to leave out the fancy stuff you could do with classes at all, as this would force some people to spot, delete, or rename those classes afterwards, which would be counterproductive. So this is plain HTML.

Download

Since each and every CMS treats the markup you insert into its page editor differently, I decided to provide both: a version with regular HTML and one without the paragraphs for those CMS that come with their own paragrapher-functionality.
Sample Markup v0.2 (text file, 8 KB)
Sample Markup v0.2 without paragraphs (text file, 8 KB)

Some notes: the HTML-elements included in the snippet are: p, a, abbr, acronym, samp, code, pre, ol, ul, li, blockquote, cite, q, table, caption, thead, tfoot, tbody, tr, td, th, em, strong, sup, sub, div, span

That’s basically it. Just create a code snippet in your favorite editor and remember: Sample markup is the new lorem ipsum.
Am I missing something? Looking forward your improvement suggestions.

Changelog:

• v0.2 fixed a sad error, my bad.
  additionally set up a subversion repository for these files (2010-05-05)
• v0.1 Initial version. (2009-10-9)

Das Herz vieler Webdesigner dürfte beim Anblick der Neuerungen in Firefox 3.1 höher schlagen: eine ganze Reihe spannender Features sind fertig umgesetzt und bereit in neue Webseiten integriert zu werden. Unter anderem sind in meinen Augen erwähnenswert: die@font-faceRegel mit der man Schriftdateien spezifizieren kann, neue HTML 5 Features, einem verbesserten Farbmanagement und dem ins DOM integrierten JSON, habe ich zwei persönliche Highlights:

So schließt Firefox mit Safari und Chrome auf und lernt in Version 3.1 weitere CSS 3-Eigenschaften. Ich freue mich da besonders auf text-shadow weils gut aussieht und word-wrap weil die fehlende Worttrennung (die der IE schon seit vielen vielen Jahren beherrscht) immer schon eines meiner größten Ärgernisse mit dem Feuerfuchs war.
Damit sollte man künftig auch schmale Textspalten sinnvoll verwenden können. Aber auch normale Seitenleistenbreiten sollten einen wesentlich harmonischeren Textfluss aufweisen. Aber am allerwichtigsten: lange Wörter sollten nun nicht länger das Design sprengen oder aus Spalten regelrecht ‘herausfliegen’.

Alle Störer in einer Datei

Hintergrundinfos, Doku und Demos findet man unter: http://www.openlaszlo.org/

(Ich habe mich auch einfach mal selbst nominiert. Sollte Interesse bestehen, gebe ich einen etwa 15-20 minütigen Einblick in den Online-WYSIWYG-Editor "XStandard" von Belus Technology.)

Man hat, bzw. andere haben also theoretisch noch ein paar Stunden die Möglichkeit ihre eigene, neue, standardsbasierte Webseite dort einem Publikum zu präsentieren.

Ich schätze mal den Jungs vom CSSNeustart genauso ging wie mir: sie wollten auch noch schnell schnell irgendeine Webseite fertig kriegen um sie in dem Showcase zu präsentieren - so würde sich zumindest die mehrwöchige Funkstille auf der CSSNeustart-Seite erklären. Abgesehen von den eingereichten Seiten gabs nichts Neues.

Was gäbe es noch dazu zu sagen: eine Seite, die für meinen Arbeitgeber erstellt wurde (in Zusammenarbeit mit unserem Praktikanten) ist in der Liste und hat sich Wacker im Mittelfeld eingetrudelt. Ich hätte doch noch häufiger Rundmails schreiben sollen ;)

Achja! Da fängt doch tatsächlich die mit den vielen schiachen Webseiten an und trollt in den Kommentaren auf der CSSNeustart-Seite rum… *kopfschüttel*
Und dabei ist die Seite um die es da ging vom technischen her wirklich Mustergültig umgesetzt. (mein Lob an decentart). Noch ein paar Worte zu meiner Seite: es wird eine kompakte Portfolioseite sein. Sie wird meinen Namen tragen und wohl in der zweiten Septemberwoche fertig sein und natürlich dann auch gelauncht, wie man so schön sagt. Sie baut auf WordPress auf, wird mehrsprachig sein, bekommt gerade einen Kundenbereich und soll natürlich auch einen Überblick über meine mediengestalterischen Arbeiten liefern. AJAX in Maßen und "unobstrusive" Javascript-Geschichtchens sind hineingepfriemelt.

Es ist also nicht geplant diesen Blog hier einzustampfen. Wo sollten denn sonst die Offline-Belanglosigkeien hin? Der Trend geht zur Zweitdomain ;) Hier ein Vorschaukuck:

Ein sehr interessanter Blog zum Thema Typografie ist das Spatium Magazin und Dank vieler Photos läd es auch wunderbar zum Schmökern ein. Ich greif mal die Idee auf und poste ein paar Perlen/Schmankerl aus dem ostdeutschen Produktdesign der 70er und 80er (Entdeckt beim Versuch aus einem wirklich alten, etwas heruntergekommenem Haus eine Baustelle zu machen). Hier also nun ein paar nette Verpackungen und Etiketten aus der Zone ;) …

Das beste ist wohl die Kernseife "Diplom" für 95 Ost-Pfennige :D Tja, schon seltsam wie akademisch es in manchen (besser betuchten) Bädern des Arbeiter- und Bauernstaats zuging :D. Auch geil: Die Aufschrift "Behelfsetikett" auf der Saftflasche. Köstlich.

Alle Buttons in einer Datei:

(Bitte bedenken dass Schriften, die es auf deinem Rechner nicht gibt, natürlich anders dargestellt werden)

Schriftzug des “Mein Second Life” Weblog

Ambrosia

Die verwendete Schrift heißt Ambrosia und stammt von jelloween, der od. die bei deviantart.com einige schöne Schriften und Iconsets vorstellt.

Bei meinem Versuch, für das fiktive Unternehmen “Maier Brunnenbau” eines zu entwerfen sieht das anders aus: Das ist nämlich sogar nicht Print-tauglich, nicht schnell zu erfassen und viel zu komplex. Na immerhin es hat nen Schatten und diesen hippen Orb-Look… Themaverfehlung. Setzen, sechs. :-D Mit wirklichen Logos oder mit gekonntem Logo-Diebstahl :-D muss ich mich dann also auch mal intensiver beschäftigen… (hoffentlich merkt keiner, dass das Favicon auch nur bei WeblogsSL.com abgekupfert ist :D)

Inzwischen (vielleicht ist es ja schon aufgefallen) gibts in diesem Blog eine Premiere: das erste unfertige Redesign eines unfertigen Redesigns ;). Nun ja, zumindest das grelle rot, an das ich mich fast schon gewöhnt hatte, mußte nun dem frischen grün weichen, mit dem ich mich schon bedeutend komfortabler fühle. ;) Das sehen auch css-galleries.com, die Galerie CSSRemix.com und CSSBloom.com so und waren so freundlich meinen Blog in deren Showcases mit aufzunehmen.Ein Dankesehr an die Betreiber dieser Seiten.

Galerien

Insbesondere die letzteren beiden sind auch aus Sicht von Fotografen mit Photoblogs, Betreibern von Bilddatenbanken oder auch für Nutzer der Blogging-Plattform Wordpress interessant. Die Seiten zeigen nämlich dass man die Open Source Software Wordpress professionell zu anderen Zwecken als dem reinen Bloggen verwenden kann.
Gegenüber den unzähligen Photogalerie und Photoblog-Skripten wie folderblog, minigal, 4homepages, photopress, zenphoto, gallery2, etc. etc. bietet Wordpress nämlich einige entscheidende Vorteile:
Features, die man beim Verfassen von Artikeln, Beiträgen und Seiten nutzt machen gerade bei einer Photogalerie auch Sinn:

• 1. Kommentarfunktion, die darüberhinaus mit Spam-Karma oder Akismet effektiv vor ungebetenem Kommentarmüll geschützt wird
• 2. Pings, Trackbacks und Pingbacks
• 3. Eine individuell anpassbare Suchfunktion
• 4. sehr Suchmaschinen-freundlich da jedes Bild eine unikate, aussagekräftige URL erhält
• 5. Dem in Wordpress integrierten Multiuser-Support

Wo es mir grad einfällt…

Etwas Verwirrung verursacht derweilen deviantart.com bei mir: dort bin ich zwar (nicht mehr ganz so) frisch angemeldeter Neuling und habe angefangen die ersten Arbeiten hochzuladen, jedoch meldet sich dort inzwischen schon ein Wizzard zu Wort nach dem Motto: “Jahresbeitrag in Höhe…” und da endet meine Lust mich in Kleingedrucktes zu vertiefen dann auch aprupt… Falls sich schonmal jemand eben dieses Kleingedruckte angetan hat wärs super nett, wenn er/sie mir das mal für DAUs in einem Satz erklären könnte. Warum soll ich für meine Arbeit, eine Community mit meinem Input zu bereichern auch noch löhnen? Seltsam das. Oder nur falsch aufgeschnappt? Ist einem klar wieso Flickr so erfolgreich ist…

…zurück zum Thema

Neben dem noch ausstehenden Relaunch meines Photoblogs (in einer ähnlichen Designvariante) gilt es noch den ein oder anderen Fehler aus diesem Weblog zu beseitigen: im Internet Explorer sehen die Blöcke in der Seitenleiste etwas verhunzt aus, Opera stellt Umlaute in Suchergebnissen (Live-Suche) falsch dar, etc.
Wenn jemandem noch was auffällt, dann einfach ne Notiz da lassen oder eine E-Mail an erikpoehler [at] gmx [dot] de. Kritik ist jederzeit willkommen, wobei es natürlich auch die entsprechende Muse und nicht zu letzt die nötige Zeit zur Fehlerbestimmung und -Behebung meinerseits erfordert. Eine Antwort bekommt man aber (meist umgehend) von mir. Freue mich auf jeden Verbesserungsvorschlag. Zu guter letzt, sei heute noch auf ein Fundstück aus Manuela Hoffmanns Weblog pixelgraphix.de, und zwar dem DesignSnack.com hingewiesen. Ebenfalls ein großteils schöner und umfangreicher Fundus an CSS-Webdesigns.

Jerome’s Keywords 2.0

Nun gibt es auch für Wordpress-Nutzer eine Seite zum Bearbeiten der Tags: dort kann man nun Tags umbenennen, oder Artikel die einem Tag zugeordnet sind einem anderen Tag zuweisen. Auch eine Reihe von kleineren Bugs wurden beseitigt. zum Beta-Release: Link

Lesenswerte Weblogs

Neben dem pd.blog von Patrick Daether, freue ich mich über ein weiteres sehr lesenswertes Weblog-Fundstück: im cne_LOG, was für “calm and easy” steht schreibt Nadja Müller aus Leipzig über Webdevelopment, Design und Standards. Auch die ungewöhnliche Navigation, die in Form einer vertikalen Seitenleiste im Seitendesign ihren Platz findet verdient eine Erwähnung. Schnieke. Alle beide Weblogs seien hiermit empfohlen.

Web 2.0 Stil

Als Design-Link greife ich gleich ein Fundstück aus einem von Patricks Beiträgen auf, der auf einen Forums-Thread hinweist. Alle dort geposteten Bilder stehen unter dem Motto “bekannte Firmenlogos Web-zwei-punkt-null-ifiziert”. Da kann man sich ein Schmunzeln nur schwer verkneifen. :-)
Für alle die nach einem Howto, einer Anleitung suchen, wie man den glänzenden Look und diese (simplen, dennoch) hippen Effekte macht: Ansehen!

Im Weblog von napyfab will die WM-Feierlaune nicht vorüber gehen. Nagut, als Italiener hat er ja auch allen Grund dazu … (wann hat schonmal ein Zweitliga-Team den Titel geholt? :D) … neben dem bereits erwähnten Livesuche-Tutorial bin ich in dem Blog, neben allen Fanwimpeln und WM-Fotos, aber auch noch auf ein Skript aufmerksam geworden: Reflections.js versieht Bilder mit einem durchaus hochglänzendem Spiegelungseffekt. Sehr edel das. (auch eine Beispiel-Seite und eine Live-Demo gibts es).
Einziger Wermutstropfen ist, dass im Opera 8.x weder das Originalbild noch die Spiegelung zu sehen ist. Im Opera 9 solls aber funktionieren. Dass der Effekt aber auch in älteren Versionen sauber herunterstuft wäre für mich allerdings schon ein Muss.

Muss es immer gleich Javascript sein?

Nicht bei jedem Bild sieht sowas gut aus, und ist schnell mal “too much” oder “overdozed”…
Aber auch ohne Javascript lässt sich Bildern und Vorschaubildern ein wenig Effektleben und Glanz verpassen: mit CSS.

Ein wenig opacity gefällig?

Bevor es an den Glanz geht müssen wir uns mit “opacity” beschäftigen: Was lässt sich mit opacity anstellen? Opazität, die Eigenschaft durchscheinend zu sein, ist das Gegenteil von Transparenz. Wir erhöhen also die Transparenz indem man die Opazität herabsetzt: img {opacity:0.75;} (das Bild erscheint opak, es wird somit transparent).
Das ist zwar CSS3 (d.h. jeder CSS-Validator schlägt bei der Verwendung dieser Eigenschaft Alarm), das sollte einen aber nicht davon abhalten es zu verwenden. Leider wars das jetzt auch schon mit der einfachen CSS-Theorie. Wie so oft sieht es in der Praxis, Dank der vielen verschiedenen Süppchen, die die Browser-Hersteller kochen, etwas diffizieler aus.

Beispielseite 1:

Hovereffekt mit opacity

Nach meinem Wissen, gibt es aber in allen Browsern (Opera nur mit Umwegen - dazu später mehr) bis auf das Auslaufmodell “Internet Explorer/Mac”, einen Weg Transparenzen für Bilder umzusetzen.

Auf der Beispielseite kann man sich selbst ein Bild machen: Thumbnail-Galerie mit und ohne opacity-Hovereffekten.

Probleme mit den meisten Browsern lassen sich beheben: Damit es in allen Browsern klappt muss man leider zu proprietären Mitteln greifen:

1. Gecko-Browser (Firefox/Mozilla/Flock/Netscape/K-Meleon/etc.):
   konnten bis Ende letzten Jahres nichts mit opacity anfangen. Das proprietäre -moz-opacity erfüllte bis dato aber den gleichen Zweck. Inzwischen (bitte nicht nach der genauen Gecko-Version fragen) sind Firefox & Co. aber auf opacity gut zu sprechen, trotzdem sollte man auf -moz-opacity noch nicht verzichten - für ältere Versionen dieser Browser.
2. Internet Explorer 6/Win:
   opacity kennt er nicht, nutzt aber eine hauseigene Alpha-Blending Variante: filter:alpha(opacity=50);
3. Opera:
   Für den Opera Browser muss man sich etwas anderes einfallen lassen: hier braucht man ein angepaßtes bzw. erweitertes Markup, man muss also seinen html-Code anpassen. Dazu mehr in einem späteren Artikel.
4. Safari:
   hat keine Probleme mit opacity, die Version 1.1 soll aber auf -khtml-opacity bestehen.
5. Internet Explorer/Mac: stellt das nach meinem Wissen nicht dar. Hier wird aber ebenfalls der Workaround für Opera greifen. Beim IE/Mac zu beachten: Alpha-Transparenzen werden nur dann richtig dargestellt wenn background-repeat auf none gesetzt ist.

Am Ende käme also eine CSS-Regel heraus, die in etwa so aussieht:
img.opaque {
opacity:0.75;
filter:alpha(opacity=75);
moz-opacity:0.75;
-khtml-opacity:.75;
 }

Weil jede der einzelnen Regeln den selben Zweck - nur halt in unterschiedlichen Browsern - erfüllen soll, kann man das auch so einbinden, dass selbst der CSS-Validator zufrieden ist.

CSS:
<style type="text/css" media="screen">
a img.opaque {opacity: .75;}
a:hover img.opaque {opacity: .99;}
</style>
<!--[if lt IE 7]>
<style type="text/css" media="screen">
a img.opaque {filter:alpha(opacity=75);}
a:hover img.opaque {filter:alpha(opacity=100);}
</style><![endif]-->

Javascript:
if ((navigator.appName.indexOf('Netscape')+1)) {
document.write('<style type="text/css" media="screen">
a img.opaque { -moz-opacity: .5;}
a:hover img.opaque {-moz-opacity: .999;}
</style>');
}
Zur Erklärung: In der ersten <style>-Angabe legen wir fest, was alle Browser können sollten, bzw. es früher oder später wohl auch interpretieren werden: Standard-konformes CSS. Darauf folgt ein Conditional Comment, welches lediglich der Internet Explorer interpretiert (das ist zwar gegen den eigentlichen Sinn eines html-Kommentars - schließlich ist ein Kommentar für Notizen da und nicht um auszuführenden Code zu beherbergen - aber wer sich mal etwas mit Webdesign und insbesondere dem IE beschäftigt hat, weiss, dass es nur selten mit Logik zugeht). Die erste Zeile des Kommentars besagt, dass nur Versionen des IE kleiner Version 7 den Kommentar verarbeiten sollen. Dann kommt der erwähnte Alpha-Blending-Filter und wir schließen das Kommentar schnell wieder, ohne weiter darüber nachzudenken… Anstelle der <style>-Elemente kann man natürlich auch auf externe CSS-Dateien ver<link>en.
Das Javascript macht nichts anderes, als für Gecko-Browser ein weiteres <style>-Element in das Dokument zu schreiben, ohne aber unser Stylesheet beim Validator-Test durchrasseln zu lassen. Reine Kosmetik für CSS-Fetischisten also… ;)

HeY! Wo bleibt der Glanz?

Von der Opacity zum Glanz ist es jetzt nur noch ein kleiner Schritt. Bei den transparent gemachten Bildern scheint die Hintergrundfarbe durch. Auch wenn dieser Hovereffekt schonmal ganz nett aussieht, hab ich mir überlegt, wie man dem blassen Aussehen und dem Sättigungsverlust entgegenwirken kann. Herausgekommen ist ein Hintergrundbild welches man dem Link zuweist. Je nach aktueller Transparenz überlagert das eigentliche Bild dieses Hintergrundbild unterschiedlich stark - mit dem Effekt, dass ein leichtes glänzen durchschimmert.
. Am besten eignet sich der Effekt wohl für Thumbnail-Ansichten in Bildergalerien, wo man sich natürlich entsprechend der Thumbnailgröße oder dem gewünschten Effekt ein eigenes Hintergrundbild für die transparenten Thumbnails getsalten wird.
Mit der Zeile a {background:url(thumb-bg.jpg) no-repeat 50% 50%;} weist man das Bild dem Link zu … fertig!

Beispielseite 2:

Hovereffekt mit opacity und Hintergrundbild

getestet mit folgenden Browsern:

• Opera nicht ohne Markup-Trickserei zu realisieren (mehr dazu später in einem eigenen Artikel)
• Internet Explorer/Mac mir kein Weg bekannt
• Internet Explorer 6 mit Active X Transition-Filtern machbar
• Netscape Navigator (den übrigens kein Mensch braucht) ohne Probleme
• Firefox ohne Probleme
• Flock ebenfalls ohne Probleme
• K-Meleon ebenfalls ohne Probleme
• Safari ohne Probleme

beide Techniken zusammen

Um dem ganzen jetzt noch die funkelnde Glossy-overdose-Krone aufzusetzen: kombinieren wir doch mal beide Techniken miteinander…

Ausblick, Alternativen, Ideen und weiterführender Lesestoff zum Thema

Mit ein wenig CSS-rumgepfriemel und einem Hintergrundbild lassen sich also Bilder oder Thumbnail-Seiten in den meisten Browsern mit einem Glanzeffekt versehen.
Leider ist die opacity-Eigenschaft nur mit viel Detailarbeit und proprietärem Gedöns “Cross-Browser-” und “Plattform-übergreifend” zu nutzen.
Nachteile: Der Sättigungsverlust, die leichte Verfärbung der Bilder ist mit zunehmender Transparenz deutlich zu erkennen und nicht immer schön anzusehen.
Vorteile: Wie auch bei der Javascript-Geschichte mit dem Reflections.js, belässt man die Bilder in unverändertem Originalzustand und bleibt somit flexibel. Wenn man diese Effekte nun kombiniert hat man eine Unmenge an Gestaltungsmöglichkeiten. Man denke nur an Prototype oder moo.fx …

Mal sehen, vielleicht krieg ich ja das Redesign meiner eigenen Seite mal langsam über die Bühne… und finde etwas Zeit, das WordPress-Theme mal ein wenig zu überarbeiten…
The English-Version gibts übrigens auch noch…

für mich klingen Szenarios Beats und Songs immer wie wild stampfende, Rauch und Feuer spuckende Maschinen, an denen sich stets an allen
Ecken und Enden etwas bewegt, dreht und ungestüm windet. Eine Maschine, an der man nicht vorbeischauen kann.

So beschreibt Manuva, seines Zeichens MC des österreichischen Hip Hop-Duos “Total Chaos”, die Beats des Producers Szenario in seinem Weblog. Dem ist eigentlich nicht viel hinzuzufügen. Fakt ist, der gute Mann hat seinen eigenen Sound, der heraussticht bzw. mir besonders gut gefällt, weil seine Arrangements so viele Details aufweisen. Mal ein knacksen und rauschen hier, mal ein wenig Funk und Samples dort. Wenn ich versuche das in eine Schublade einzuordnen muss ich scheitern. Headbanger aber von Track 1 bis 15.
Szenario
Dass es sich bei Szenario um einen Österreicher handelt kann man beim ersten hören nicht erraten. Ich persönlich finde ähnliche Sounds & Beats für gewöhnlich eher auf Platten von Stones Throw (zB dem “101 Mix” von Peanut Butter Wolf) oder dem Erstlingswerk von DJ Vadim “USSR Repertoire” - ebenfalls vergleichbar die ebenso alte “Subterranean Breaks DoLP”… Verdammt, jetzt hab ich es doch probiert - aber für so eine Schublade sind Szenarios Tracks dann doch schon zu ausgereift, zu eigen, zu gut.
Ich bin gespannt, ob es in naher Zukunft Collabo-Tracks mit MCs zu hören gibt, die ihm nach “Sidestreets” so der Name der Compilation, sicher die Türen einrennen werden…

also Boxen aufdrehen!

Surround-Anlage bis zum Anschlag aufdrehen und reinhören: Szenario - “Sidestreets LP”!!! Die Tracks gibts als zip zum freien Download - ein CD-Cover liegt ebenfalls bei.

Beschwerden über Szenarios Internetseite kann man übrigens direkt an mich richten, denn für den Coding-Teil bin ich verantwortlich :-). Dicken Reh-speck an Manuva, der sich neben Band, Familie, grandiosem Weblog und FM4 auch noch für unbekannte Artists stark macht.
Technisch wollte Manuva keinen aufwendigen Weblog, sondern “eine simple, noch simplere, so simpel wie irgend möglich”-Seite, was mir denke ich gelungen ist. (jaja und nachher jammern, dass die Seite szenario nicht gerecht wird… tsss ;-))
Aber kein Problem, denn die Seite ist dynamisch (mit PHP und Flatfiles), dh. ohne Quelltextarbeiten erweiterbar. Basis für meine Arbeiten war dafür Folderblog.Wenn Szenario neue Tracks und Cover hochlädt, wird die nächste Unterseite automatisch erstellt. Die Seiten sind in Standard-konformem xhtml 1.1 geschrieben. Inhalt und Design sind voneinander getrennt. Kommentare haben einen Spam-Schutz, und mittels Image-Replacement werden serverseitig Überschrift-Grafiken erstellt.
Zum ersten mal habe ich Dean Edwards IE7 verwendet um Gestaltungsideen umsetzen zu können ohne das Markup mit Div und Wrapper-Wüsten und IE Hacks zu verunstalten. So ließen sich Verläufe auch im Internet Explorer einfach fixieren, PNG-Grafiken mit Alpha-Transparenz werden korrekt dargestellt und die Semantik bleibt erhalten.
Der verwendete mp3-Streamplayer ist der miniamp-Player von Jofiu, zum freien Download hier.

"Warum das?" wird man mit Recht fragen. 4 zum Teil halbfertige Posts sind mit Sicherheit kein Grund. Zugegeben! Doch ich bin momentan damit beschäftigt aus dem "Gentle Calm"-Theme für WordPress mein Eigenes Theme zu erstellen was, nach Möglichkeit, auch noch harmonisch zum selbst entworfenem Design meiner, mit Folderblog generierten, Photosammlung passen soll. Und da es nur schleppend voran geht und sich sicher noch so einiges ändern wird, werde ich hier mal zwei Screenshots hinein stellen. Sozusagen eine Bestandsaufnahme - was ich bisher "hab" :-) so siehts momentan aus so sieht die Galerie momentan ausnaja, so kann man sich später mal davon überzeugen, dass auch mein blog schlimm aussah :-O