wbb3 Style Tutorial

Das Problem ist, dass es mit Photoshop alleine nicht getan ist. Man benötigt auch ein paar (oder gute) CSS-Kenntnisse, sonst steht man schon bei der kleinsten Abweichung vom Standard blöd da. Und wie soll sich so ein Tutorial an mehreren Usern orientieren?

Japp, die Umsetzung ist mittlerweile noch aufwendiger geworden, da muss man schon mindestens die Grundlagen von CSS verstehen. Das kann man kaum in einem Tutorial erklären. Und da haben wir dann schon das Dilemma, Leute die sich mit CSS auskennen brauchen kein Tutorial. Und denen die sich nicht auskennen, kann man das nicht kurz und knapp erklären.

Kurzes Beispiel, um eine fixe Breite festzulegen benutzt man das Attribut:

width 960px;

klar, das leuchtet jetzt noch irgendwo ein, Breite 960 Px, das bekommt man auch noch in PS ausgeschnitten. Aber jetzt gehts los, wenn man sonst nix angibt klebt die Forenauflistung direkt ohne Rand am Hintergrund, will man also jetzt noch einen inneren Abstand setzen, benutzt man das Attribut:

padding-left: 30px;
padding-right 30px;

Auch das klingt noch irgendwie logisch, ich habe einen Stil mit einer Gesamtbreite von 960px, der jeweils innen einen Abstand von 30px pro Seite hat.

Aber jetzt fängt es an kompliziert zu werden, so bald ich einen inneren Abstand definiere, muss ich den von der Gesamtbreite abziehen.

In dem Beispiel wäre das:

2 x 30 = 60px

Also wird die Breite als 900px definiert.

Und das nicht nur ein mal, sondern für jedes Element, Header, Mainbereich und Footer.

So zieht sich das durch die ganze Stilerstellung. Nur mit den einzelnen CSS-Deklarationen kann der Laie nichts anfangen, man muss auch die Zusammenhänge verstehen. Zumal die einzelnen Deklarationen auch nicht immer in einem Block stehen. Die Breite ist bei mir z. B. immer für mehrere Elemente festgelegt, der innere Abstand hingegen ist meist wo anders zu finden.

Es ist einfach sinnlos dazu ein Tutorial zu machen. Anschliessend würde nämlich jeder Stil gleich aussehen und sich lediglich durch die Grafiken unterscheiden.

Naja mal sehen, vielleicht ist so eine Art "Basistutorial" drin mit einem Dummistil als Vorlage. Muss mir das mal genau ansehen...