Gestern habe ich dann im WP Themebrowser dieses Theme entdeckt und an einigen Ecken und Enden etwas modifiziert. Je nach Lust und Laune werde ich mit den Modifikationen auch ncoh weiter machen, aber das meiste sollte erstmal funktionieren. Grobe Fehler bitte melden ;)

[tags]netzblogger,design,netzblogger04,theme,template[/tags]

Dazu zählen unter anderem auch die Smileys, wie beim letzten Beitrag wieder sichtbar wurde. Sie werden mit dem Rahmen der “eigentlichen” Bilder belegt, obwohl sie das nicht sollten. Hier scheint noch eine große Wissenslücke bzgl. CSS bei mir vorzuherrschen.
Aus Mangel einer speziellen Klassendefinition im image-Tag für die in Beiträge eingebundenen Bilder sieht der Spaß in CSS so aus:

.post img {
border: 1px solid #ddd;
padding: 3px;
background: #eee;
margin: 0 10px 0 10px;
}

Die Smileys allerdings werden im img-Tag mit class=”wp-smiley” deklariert und wurden von mir daher am Ende des Stylesheets mit folgender Klasse bedacht:

.wp-smiley {
padding: 0;
border: none;
background: none;
}

da das so aber nicht funktioniert habe ich auch schon “img .wp-smiley” und “.wp-smiley img” versucht – aber nichts wollte funktionieren. Langsam bin ich mit meinem Latein am Ende. Ist ja nicht so, dass ich mich nicht in jedem verf***** Blog damit rumgeärgert habe :(
any hints on that?

Die meisten von Euch werden nun denken “da gibt es doch hunderttausende”. Na klar. Und ich hab’ auch das Gefühl die schlechten schon alle gesehen zu haben. Ich sollte dazu aber vielleicht definieren was für mich gut und schlecht ist.

Ein Photoshop Tutorial ist meinen Augen dann gut, wenn es:

• zeitgemäße Designtechniken vermittelt
• Hintergründe und Zusammenhänge erklärt
• deutlich den Weg zum Ziel erklärt

Ich habe leider das Gefühl, dass ca. 80% aller Tutorials nur vermittlen wie man tolle X-Box-Designs, Egoshooter-Forensignaturen, Aquastylebuttons und Effekte die vor 3 Jahren schon aus der Mode waren erstellt. Irgendwie fehlt mir hier noch die richtige Quelle die hier am Puls der Zeit ist…

Weiß da evtl. jemand Abhilfe? Ich bin für jeden Tipp dankbar.

Nachtrag

Vielleicht hätte ich noch erwähnen sollen, dass ich gerade sowas nicht suche. Allein das Design der Seite schreckt mich ab. Und natürlich geht es mir primär um Webdesign-Tutorials. Und natürlich freut es mich auch, wenn der Author einen gewissen Fokus auf zeitgemäßes XHTML/CSS-Design hat…. naja vermutlich will ich einfach schon wieder zu viel ;)

Nachtrag 2

Einige brauchbare aber gut versteckte Tutorials findet man übrigens bei Good Tutorials

Der Netzblogger setzt übrigens von Anfang an auf WP Tiger Administration einem hervorragenden Plugin von orderedlist. Auch dort wird übrigens bereits diskutiert wie schnell wohl ein Update für die Shuttlekompatibilität des Tigers kommen wird und ob sie überhaupt nötig sein wird.

Wir werden sehen was die Zeit bringt – mir persönlich gefällt WP Admin Tiger sehr gut, ich bin aber auch immer offen für was neues.

Besonders die Sidebar stört mich noch ordentlich. Ich glaube den Kalender braucht hier wirklich niemand. Der stört das Design so richtig komplett – passt mit seiner viereck-Optik da rechts in die Leiste gleich mal so gar nicht rein.

Aber auch die restliche Sidebar verzückt mich nicht gerade, habe ich doch bisher immer noch keine Lösung für das Problem mit den zu langen Beitragstiteln bei den beliebten Artikeln gefunden. Die würde ich gerne kürzen, so dass sie nur noch einzeilig erscheinen – alles andere ist mir zu unruhig.

Auch die Ansicht der einzelnen Beiträge ist noch unvollständig. Heute habe ich dort mal noch die “ähnlichen Beiträge” hinzugefügt. Auch der Bereich muss noch angepasst werden. Für die Metadaten unter den Beiträgen wäre sicherlich eine Einlkappfunktion ganz hilfreich, da diese Infos ja nun wirklich nicht jeder lesen will – dementsprechend sollten sie sich nicht so aufdringen, wie sie es aktuell tun. Mal sehen – vielleicht bekomme ich da ja was hin.

Weiterhin würde ich gerne noch die Trackbacks von den Kommentaren abtrennen. Hier muss ich mich aber erst mal noch schlau machen ob und wie das bei WordPress möglich ist. Ich denke ich werde mal wieder abtauchen und in richtung Codex schwimmen. Lesen bildet ja bekanntlich :)

so long…

Nach einigen Tagen Grübelei und Bastelei hat sich das ergeben was ihr nun hier sehen könnt. Aber um’s gleich vorweg zu nehmen: Es fehlt noch ganz viel. Einige Seiten sind noch gar nicht umgesetzt, andere brauchen noch einiges an Feinschliff. Aber es muss nun erstmal so ausreichen, denn der Einbau des ein oder anderen Features, fällt im Livebetrieb nunmal viel leichter.

Sollte sich jemand fragen wieso das Theme “NetzBlogger03″ heisst: Es ist das dritte Grundlayout, das ich dann letzendlich angefangen habe in (X)HTML umzusetzen :)
Weitermachen… :)

Gestern Abend sah alles noch recht gut aus. Ich war fast schon überrascht ob der wenigen Hürden die ich mit meinem CSS nehmen musste um das neue Design für IE und FF gleichermaßen nutzbar zu machen. Völlig vergessen hab’ ich dabei, dass ich vor ein paar Wochen irsinnigerweise die öffentliche Beta von IE 7 auf dem Laptop installiert habe. Die IE-Livevorschau von TopStyle Pro nutzt natürlich die aktuell installierte Rendering-Engine des IE – sprich die 7er in diesem Fall. Die Unterschiede sind leider eklatant. Heute sehe ich nun also am Büro-PC sitzend das vollständige Chaos und die gestrige Freude ist wieder beim Teufel. *grmpf*

Da stellt sich mir einmal mehr die Frage warum es nicht möglich sein sollte, endlich alle Browser auf der gleichen Renderingengine aufzusetzen. Wozu eine zweite? Kann doch jeder Hersteller die Software drumrum stricken wie es ihm am liebsten ist. Die Darstellung der Websites bleibt doch davon eigentlich völlig unberührt!? Aber natürlich geht das nicht. Könnte uns MS so doch nicht weiterhin mit nützen Dingen wie ActiveX beglücken. Auch die Integration von live.com in Windows vista wird sicherlich so umwerfend sein, dass wir gerne auf Konforme Darstellung verzichten und uns gerne weiterhin mit diesen Unterschieden rumärgern. SCNR
In der Zwischenzeit werd’ ich nun einmal mehr darüber nachdenken mein Design wieder ein Stück basisnaher zu gestalten um den Vorgaben aus Redmond gerecht zu werden.

Ärgern tut’s mich trotzdem oder gerade deswegen…

Im Moment hätte ich größte Lust den IE einfach komplett auszuschließen und alle Besucher auf die Firefox Downloadseite zu lotsen.

Abgesehen davon hab’ ich noch nicht wirklich ne Ahnung wie ich die ganzen anderen Browser prüfen soll – Mac (Safari u.a.) steht ebenso keiner hier wie ein Unix-Rechner mit Desktop (Konquerer u.a.). Weiß hier jemand Abhilfe?

Die Ursachen für die “Verzögerung” finden sich übrigens hier. Ich bin auch schon ein ganzes Stück weiter. Mittlerweile hab’ ich nun doch einen Weg gefunden auf einige gefürchtete Abstriche verzichten zu können. Ich denke ich werde mir ein Bastelblog einrichten und dort das bisherige Design dann mal Stück für Stück umsetzen, bevor es dann in fertiger Version hier einzieht – evtl. schon am Wochenende.

Übrigens spiele ich mit dem Gedanken auf die Kategorien bei WP in ihrer herkömmlichen Form komplett zu verzichten. Tags geben mir die Freiheit nicht jeden Beitrag in eine Schublade packen zu müssen und eröffnen gleich noch einige andere Möglichkeiten. Durch das damit frei werdende Kategoriesystem könnte man z.B. noch mit “Shorties” bzw. “Quickies” arbeiten – wer nicht weiß, was das ist muss noch etwas warten… ich erklär das dann ein ander mal.

Lange Rede – kurzer Sinn: Ich habe mich dazu entschlossen mein jetziges Desig wieder umzuwerfen – der Einfachheit zu liebe. Ich werde sicherlich einige Ideen aus dem Design übernehmen, aber die Umsetzung der jetzigen Version in Standardkonformes XHTML – was mir nebenbei bemerkt fast wichtiger ist als eine gute Optik – würde einfach viel zu viel Zeit in Anspruch nehmen und meine Nerven sehr strapazieren – wenn nicht sogar über.

Ich hab’ mich in der Zwischenzeit etwas über CSS informiert und einige schöne Seiten zum Thema entdeckt.

Hier mal ein kleiner Auszug – meine eigene kleine XHTML/CSS-Showcase-Linkliste (Schnellversion)

• http://www.cssbeauty.com/
• http://www.cssimport.com/
• http://www.csszengarden.com/

mehr dazu evtl. später, wenn ich Zeit dafür hab’…

Ich hatte auch in der Vergangenheit schon mit Webdesign im Zusammenhang mit CSS zu tun und auch schon einige XHTML-Kompatible Layout erstellt. Der jetzige Versuch treibt mich allerdings gleich zu Beginn wieder in den Wahnsinn.

Am Ende werde ich wohl doch wieder den Weg wählen mein Design nicht im Photoshop mit dem “Pinsel” anzufangen sondern doch lieber erst das Gerüst aus divs zu bauen und dann zu füllen. Ich glaube mein jetziges Design eignet sich nicht wirklich gut für eine tabellenlose Umsetzung – die ganzen Browserinkompatibilitäten verderben einem einfach zu schnell den Spaß an der Sache.

…Mist – gestern war ich noch euphorischer.

Vielleicht schau ich doch nochmal ein bisserl rum – gibt es doch eigentlich genug einschlägige Seiten mit hunderten von Designs. Wären doch nicht die meisten soooo schlecht. *grmpf*