and the winner is …

*tusch*

~~~ Verdana ~~~

*applaus*

Die Entscheidung war nicht einfach, und ich danke allen, die mir dabei geholfen haben. ‘Comic Sans MS’ sieht zwar wirklich klasse aus, passt auch ganz gut optisch zum Design, ist aber leider nicht so gut lesbar. Die Buchstaben sind einfach zu gedrängt und dicht, um auf Dauer angenehm für die Augen zu sein.Ich werde Comic aber sicher für einige einzelne Seiten/Einträge nutzen.
Also zurück zu meinem alten Lieblingsfont, den ich so sehr mag, weil er so schön viel Platz für jeden Buchstaben hat. Im Vergleich zu Arial, sieht Verdana z.B. nicht so gedrängt aus – irgendwie luftiger 😉

Eine neue statische Seite gibt es auch:
meine persönlichen Links zu html, php und css

html – php – css

(M)eine Linksammlung zum Thema “how to …”html: (alle getestet und für sehr gut befunden)

Phase 5 – imho der beste Freeware-HTML-Editor

Tutorial zu Phase 5

SELFHTML – das Nachschlagewerk zu allem, was man über html wissen muss

php: (alle noch in der Testphase)

SELFPHP – Nachschlagewerk zu php

PHP-Einfach – Tutorials und Scripts rund um PHP und MySQL

PHP für dich – sehr gut verständliches Tutorial

PHP Kurs – Kurs bei devmag.netcss: (alle schon getestet und sehr gut)

css4u – deutsche css-Seite, mit Workshop und nahezu kompletter css-Referenz

Die Webdesign-Referenz – ebook nicht nur zu css

Zen Garden – zum gucken, was alles geht (viele Tipps und Designs zum downloaden)

css/edge – Tipps und Tricks

last, not least:

W3 Schools – imho das beste Tutorial, mit “Sandbox” (html, php, css und noch viel mehr) – mein absoluter Favorit, weil dort eben alles ausprobiert werden kann

Homepage-Total – Tipps, Tools und Referenzen

Accesskeys – gute Infoseite

Und dann wäre da noch mein Webhoster all-inkl.com.
Dort gibt es einen persönlichen Service ohne 0190 oder 0180 Kosten. Eine ganz normale Telefonnummer, dazu sehr kompetente und freundliche Mitarbeiter am anderen Ende der Leitung und das unter der Woche bis Mitternacht. Emailanfragen werden meist innerhalb einer Stunde erledigt – da frag ich mich manchmal, ob die nur auf meine Mails warten. Und günstig ist all-inkl.com obendrein auch noch.

Falls du einen Wechsel dorthin erwägst, benutze bitte den Button hier, um dich anzumelden – das hilft mir, meine Seiten frei von Werbung zu halten.

all-inkl.com webhosting

Welche Schriftart?

Tja, so einfach ist diese Frage gar nicht zu beantworten. Schau doch mal, und sag mir deine Meinung – danke.

Mir gefällt (glaub ich) ‘Comic Sans MS‘ ganz gut:
Sed in ligula non elit pharetra varius. Integer laoreet lorem ac purus consectetuer blandit. Pellentesque ornare. Nullam convallis. Maecenas interdum fringilla ligula. Aliquam bibendum venenatis libero. Proin nunc dolor, hendrerit congue, iaculis non, semper eget, nunc.

Georgia erinnert mich sehr an Times und die gibts irgendwie überall:
Sed in ligula non elit pharetra varius. Integer laoreet lorem ac purus consectetuer blandit. Pellentesque ornare. Nullam convallis. Maecenas interdum fringilla ligula. Aliquam bibendum venenatis libero. Proin nunc dolor, hendrerit congue, iaculis non, semper eget, nunc.

Verdana ist ja eigentlich meine Lieblingsschrift, weil sie so klar ist:
Sed in ligula non elit pharetra varius. Integer laoreet lorem ac purus consectetuer blandit. Pellentesque ornare. Nullam convallis. Maecenas interdum fringilla ligula. Aliquam bibendum venenatis libero. Proin nunc dolor, hendrerit congue, iaculis non, semper eget, nunc.

How to Blog-Design

Erst mal ein ein stolzes Danke für die vielen Komplimente – hach, das geht runter wie Öl *freu*
Und damit andere es nachmachen können, versuch ich jetzt mal eine kleine Anleitung zu geben.

1. Technischer Kram

Das ist das einfachste: man nehme ein fertiges Theme, welches “eigentlich” ganz gut gefällt. Es geht in erster Linie um die “Rahmengestaltung” – also wieviele Spalten, welche Form haben einzelnen Felder usw. Farben, Bilder und so sind absolut unwichtig.
Dieses Theme erstmal installieren und dann überlegen, wo es “gehübscht” werden soll.

2. Optischer Kram

Nun fängt die Arbeit an. Zu Hause auf der Festplatte in den Ordner “images” gucken und alle Bilder mit einem Bildbearbeitungsproggi bearbeiten. Nicht zu verbissen und gleich perfekt machen wollen – einfach nur spielen und ruhig verrückte Sachen ausprobieren. Bei Themes mit vielen Bilder macht es auch Sinn für die Testphase den Dateinamen mit ins Bild zu schreiben – dann findet man sie im Blog leichter wieder.
Dann einfach immer wieder hochladen, gucken, ändern, hochladen, gucken…. *g*

3. Mein spinnertes Design

Mein Design hier basiert auf dem deutschen Standardtheme. Die Grafiken habe ich mit folgenden Programmen gemacht/bearbeitet:

  • Corel Draw 10
  • Micrografx Picture Publisher 8
  • Micrografx Draw 6
  • Photo Impact 6
  • Thumbs Plus 2000

Die Proggis gabs alle mal als kostenlose Beigabe zu Druckerpatronen oder als Beigabe bei Zeitschriften. Falls sich wer wundert, dass ich nicht mit nur einem Proggi arbeite… ganz einfach: ich suche mir immer das einfachste für die anliegende Aufgabe/Idee aus.

Farbveränderungen (auch sehr komplexe) sind mit Thumbs genial einfach – der größte Teil des Hintergrundbildes war mal ein Nachthimmel mit Mond, Sternen und Wolken 😉

Das Spinnennetz hab ich mit Corel Draw gemacht, die Schattierung und Einbindung in das große Bild dann mit dem Picture Publisher.

Einige Plugins habe ich installiert und ein bisschen die rechte “Linkleiste” (sidebar.php) sortiert. Ist einfacher, als es auf den ersten Blick aussehen mag – nur nicht vergessen, eine Sicherheitskopie zu machen. Ach ja, auf meiner To-Do-Liste (das Notepad-Plugin) steht noch: die “Aufzählungspfeile” vor den einzelnen Links wegmachen. Ich werd also den Inhalt von sidebar.php in meinen Editor kopieren und mit der Suchfunktion nach den Dingern suchen. Dann rauskommentierenund wenn danach alles noch läuft löschen. Ob ich Erfolg damit habe, wird sich dann ja hier zeigen 😉

Ach ja, ich hatte natürlich auch Hilfe – und hier gilt: Wer lesen kann, ist klar im Vorteil!
Die deutschen Seiten von WordPress sind sehr gut – am besten ist allerdings das Forum. Dort hab ich sogar Tipps gefunden, die ich gar nicht gesucht hatte, die ich aber trotzdem brauchte *g*

Nachtrag: die komischen Dinger sind weg – nicht in sidebar.php, sondern style.css 😉
Und nu noch das doofe Aufzählungsstrichdings… das gefällt mir auch nicht

Nachtrag 2: der Strich vor der Aufzählung (wo die Proggis untereinander sind) ist weg – nun will ich da aber noch ein schönes Aufzählungszeichen haben… Aber jetzt gehts erstmal zum trommeln, morgen dann ins Forum 😉

Nachtrag 3: Jippieh – nun ist (vorerst) alles so, wie es sein soll. Dank der Hilfe von telekommander im Forum, war es fast nur eine Sache von copy/paste 🙂