Webdesign Weblog & Portfolio

Hallo WordPress-Community!

Nachdem ich hier schon einige Zeit nicht mehr aktiv war, melde ich mich mit einem neuen Weblog zurück. Es handelt sich dabei um meinen Persönlichen Weblog + Portfolio, rund um Webdesign, Grafikdesign, (X)HTML, CSS, Webstandards, usw.

Das Design wurde von mir selbst mit validem XHTML 1.0 Strict und CSS erstellt. Im Hintergrund "werkelt" ein aktuelles WordPress 2.0.1, Plugins kommen derzeit noch kaum zum Einsatz (vielleicht wird da in Zukunft noch etwas erweitert).

Derzeit befindet sich die Seite noch im Anfangsstadium, daher ist sie noch auf Funpic-Webspace untergebracht - was sich aber in den kommenden Wochen auch noch ändern wird. Sonst ist alles im großen und ganzen fertig, ein paar Feinheiten die dort und da noch zu machen sind gibt es allerdings noch.
Kompatibel ist die Seite mit allen gängigen Browsern, sollten sich hier noch kleine Fehler bemerkbar machen, werden die natürlich auch noch ausgebügelt.

Ich würde mich sehr über ein paar Feedbacks freuen, vielen Dank im Voraus dafür ;)

Hier der Link: http://tmarsel.funpic.de/weblog

Mfg
t.marsel

Die Navigation ist im Prinzip keine große Hexerei und hat auch weniger mit WordPress als mit XHTML und CSS zu tun.

Man erstellt einfach mit Hilfe einer Ungeordneten Liste (ul) und der CSS-Eigenschaft "display: inline" eine horizontale Navigation. Diese passt man dann mit ein wenig CSS den eigenen Wünschen an. In meine Fall waren das eine fixe Breite (z.B. 100px) und eine fixe Höhe (z.B. 60px). Dann definiert man noch ein Hintergrundbild, welches je nach aktuellem Link-Zustand (normal oder hover) seine Position ändert (nennt sich "Sliding-Doors" Effekt). Um hier nicht gleich ein riesen Tutorial zu schreiben - hier gibts ein paar Links wo alles ganz genau beschrieben ist: http://www.alistapart.com/articles/slidingdoors , http://web-graphics.com/mtarchive/001557.php , http://css.maxdesign.com.au/listamatic/ , http://www.simplebits.com/bits/css_tabs.html , http://www.simplebits.com/bits/tab_rollovers.html

Mfg
t.marsel

Vielen Dank für diese netten und ausführlichen, aber vor allem konstruktiven Feedbacks ;)

Vorerst eine kleine Anmerkung: Der Blog bzw. dessen Design(s) wird warscheinlich sowieso nie 100% fertig sein, da er unter anderem als mein "Übungsobjekt" bzw. "Spielewiese" dient um immer wieder Neues auszuprobieren.

@ apollon:
Teilweise stimme ich zu, aber ich wollte die Suchfunktion einmal etwas anders platzieren, nicht immer am gleichen Ort in der Sidebar. Aber ich werde einmal probieren was man hier noch schöner machen kann - vielleicht landet sie ja komplett wo anders ^^.

@ jowra:
Das MIME-Type-Plugin werde ich gleich mal ausprobieren, vielen Dank für den Tipp.
Das der Media-Type "text/html" eigentlich nicht für XHTML gedacht ist, habe ich schon irgendwo mal gelesen - achja, stimmt, es war in deinem Blog: http://www.jowra.de/wp/2006/01/pures-xhtml-11-endlich/
Bei der Erstellung des Designs habe ich das aber anscheinend wieder vergessen. Habe mich dabei wohl auf andere Webstandard-Profis verlassen, die bei ihren XHTML-Seiten ebenfalls "text/html" verwenden (siehe z.B.: http://bs-markup.de/ , http://www.pixelgraphix.de u.a.). Werde das aber nun auch ändern.
Zum Fehler: Warum zeigt den der W3C-Validator nicht an?! Aber gut zu wissen, habe da der Einfachheit halber nur ein "#" für die Sprungfunktion verwendet - was anscheinend falsch ist.

@ peti: Was meinst du mit "Aber ich seh nichts."?
Das mit Funpic ist blöd, ich weiß. Lieber wäre es mir auch auf professionellem Webspace mit ordentlicher Domain, aber da gibt es leider Gründe dafür, warum das noch nicht geht. Ich habe mit einem alten Provider aus Deutschland noch ziemliche Probleme, der erstens ein Abzocker ist und jetzt trotz ordnungsgemäßer Kündigung weder die Leistungen einstellen noch die Domain (die ich für meine neue Seite brauchen würde) rausrücken will.
Ausserdem habe ich noch keinen vernünftigen österreichischen Provider gefunden...

Bei den Icons werde ich mir auch noch was überlegen :)

Vielen Dank noch mal für die Feedbacks - würde mich über ein paar weitere sehr freuen ;)

Mfg
t.marsel

@ Monika:

Oje, das tut mir leid. Sollte eigentlich ein netter JS-Effekt sein der mit Hilfe des Lightbox-Plugins realisiert wird. Dabei öffnet sich eine volle Ansicht des jeweiligen Bildes in einer Art PopUp, bei der dann das eigentliche Browserfenster mit einem grauen Hintergrund überlagert wird.
Sollte eigentlich funktionieren, sofern dein Browser JavaScript zulässt bzw. unterstützt.

Ich bin aber gerade dabei, die komplette Webseite bzw. das Design zu überarbeiten, da werde ich dann auch diese Problemchen beseitigen. Bitte noch um etwas Geduld ;)

Mfg
t.marsel

Danke für die Blumen ^^.

Das mit den wechselnden Header-Images wird mit zusätzlichen PHP-Abfragen realisiert - je nachdem auf welcher Seite der Besucher sich befindet wird ein anderes Stylesheet geladen. Wobei in diesen alternativen Stylesheets nur die für die jeweilige Seite spezifischen Änderungen definiert sind (also Farben und Header-Images), die grundlegenden Eigenschaften die auf allen Seiten gleich sind werden alle in einem einzigen Stylesheet definiert - somit brauchen die nicht auf jeder Seite neu geladen werden.

Diejenigen, denen das derzeitige Design so gefällt muss ich leider etwas enttäuschen: Das kommt wieder weg. Nicht, das es mir nicht selbst gefallen würde, aber es ist mir doch noch immer zu sehr "Standard" und lehnt sich vom Layout her noch immer zu sehr ans Default-Theme von WordPress (die Sidebar zum Beispiel hat überhaupt nichts besonderes an sich).
Beim neuen Design werde ich mir nicht weniger Mühe geben (um das Problem anzusprechen welches tooltonic schon geäussert hat), aber es wird doch grundlegend anders und, zumindest hoffe ich das, aus dem Standard-Allerlei ein bisschen herausstechen - auch was das Layout betrifft ;)

Ich werde aber das "alte" Design weiterhin über das Portfolio zugänglich machen.

Mfg
t.marsel

@ jowra:

Danke - aber das hätte ich ohne den Eintrag in deinem Weblog wohl nie gemacht bzw. geschafft. Erst dadurch wurde ich auf das Media-Type Problem aufmerksam ;)

Werde das dann natürlich auch beim neuen Design so korrekt umsetzen. Achja: Danke für den Hinweis auf den Fehler im Archiv. Werde gleich mal nachsehen was die Ursache dafür ist.

Edit: OK, Problem schon gelöst. Ursache war, dass ich ein eigenes Template für das Archiv verwende und in der .php-Datei der Name für das Template an erster Stelle eingebunden wurde und nicht, wie benötigt, der Header. Dadurch kam es zu dem von dir angesprochenen Fehler - do_action('wb_mimetype.php'); war nun nicht mehr in der ersten Zeile.

Mfg
t.marsel