Runde Ecken: meine Baustelle!

Ich bitte um Entschuldigung, wenn hier im oberen Bereich auf der Seite etwas Chaos herrscht, denn ich habe mir vorgenommen, die Ecken der „schwarzen Kästen“ abzurunden. Was gar nicht mal so einfach ist! Aber abgerundete Ecken passen einfach besser zu meinem Style und ich wollte sie schon immer mal haben.

Runde Ecken erstellen

Ich habe mich für eine Lösung entschieden, die mit CSS und einigen kleinen Grafiken auskommt und im IE, Opera und Firefox gut angezeigt wird. Wobei: „gut“ ist relativ, denn die optimale Formatierung habe ich noch nicht gefunden, wie Ihr seht. Ist aber eigentlich kein Problem, denn es handelt sich nur um ein bißchen CSS-Frickelei, an die ich mich morgen heranwagen werde. Bis dahin müsst Ihr leider noch mit einem leicht zerstörten „Header“-Bereich oben auf meiner Seite leben, bis ich das Problem in den Griff bekommen habe.

Wenn auch Ihr „runde Ecken“ für Eure Seite oder Euer Blog einsetzen wollt, dann empfehle ich diesen „Runde-Ecken-Generator“. Einfach Vorder- und Hintergrundfarbe angeben und ein paar zusätzliche Angaben machen, und schon hat er Euch die nötigen Dateien erstellt:

• das CSS: hier wird die Format-Definition vorgenommen, also das Aussehen der „Runde-Ecken-Box“

• das XHTML: diesen Text müsst Ihr dort in Eurer Seite einbinden, wo die abgerundete Box erscheinen soll

• die dazu passenden Grafiken: die enthalten die eigentlichen Ecken – einfach auf Euren Webspace hochladen und mit passendem Pfad verlinken

Klingt vielleicht kompliziert, ist es aber nicht. Nur die Feinarbeit und die unerwünschten Effekte in den Griff zu bekommen, das ist ein wenig tricky. Ich hoffe, ich bekomme das so in den Griff, wie ich mir das vorstelle, denn es muss ja statt des Textes noch eine Grafik eingebunden werden. Oh je!

Was Euch demnächst noch erwartet

• eine runderneuerte Startseite: ich möchte keine kompletten Artikel mehr auf der Startseite haben, sondern Vorschauen mit Bildern. Per Klick geht’s dann zum Artikel. Also so ein bißchen „magazin-mäßig“ mit Schlagzeilen und so – ähnlich wie bei Fakeblog oder Saubereingeschenkt.

• Mehr Übersicht: alles klar strukturiert, gut geordnet, übersichtlich. Ich will mich vom klassischen „Blog-Design“ lösen, in dem alles chronologisch angeordnet ist. Wo man nicht mehr endlos scrollen muss, um an die Inhalte zu kommen, sondern auf einen Blick die Themen sieht, die interessieren.

• Veränderte Grafiken: ich bin noch nicht so ganz happy mit den neuen Grafiken, obwohl der Weg richtig ist. Aber irgendwas stört mich noch. Jedenfalls bleibt der Stil erhalten, keine Angst. Wenn alles gut geht, sieht mein Blog danach aus wie ein richtiges Magazin mit Schlagzeilen, hübschen Retro-Grafiken und perfekter Übersicht und genau so, wie es immer hätte sein sollen!

So, dann harrt einfach der Dinge – Ihr seht täglich, wie es weiter geht!

P.S.: Warum tue ich mir dieses Gefrickele an meinem Theme eigentlich an? So langsam wird der Code immer unübersichtlicher und ich werde immer konfuser! Und W3C-valide ist das auch noch lange nicht… Momentan werden verschiedene Themes ausprobiert, bitte nicht wundern. Besten Dank.