WBB4 Designs selber machen.

Erstmal solltest du ein Design via Photoshop oder einem anderen Grafikprogramm erstellen.
Danach kannst du überlegen, welche Designelemente du mit purem CSS umsetzen kannst und welche nicht.
Anschließend kannst du das Design slicen.

Für Farbverläufe bietet sich diese Seite an
http://www.colorzilla.com/gradient-editor/

Beim Coden musst du dir überlegen wo du anfangen möchtest , ich zum Beispiel fange mit dem Footer an und arbeite mich nach oben, danach kommt die Mitgliederseite, Threads, Buttons, Tabellen, zum Schluss kommt noch die Mobile Anpassung, dazu nutzst du media queries.

Kleine Tipps zu less :

Du kannst sogenannte Less-Variablen ändern als auch selbst deklarieren

@wcf_Background_color: #0099FF;

Du kannst dein Code richtig strukturieren, also Anweisungblöcke dem jeweilige Element zuordnen

#pageFooter {
    background-color:black;
    > div {
       width:80%;
        .footerContent {
            > a {
                color:white;
                &:hover {
                    color:red;
                }
            }
        }
     }
}

Nein, gibt es nicht. Meine Empfehlung, downloade dir ein WBB4 Design.
Aber achte drauf, es sollte eine .PSD sein.

Zitat von PrideGame

Alles klar ich würde auch erstmal mit Photoshop anfangen, nur gibt es dort eine Vorlage? Eine WBB4 Design Vorlage?

Nee das gibt es nicht, als ich nutze die Größe 1920px auf 4000px, in meiner .psd gehe ich von einer Content-Breite von 1200px aus.
Wenn dein Design recht simpel aufgebaut ist kannst du auch beim coden eine flexible breite nehmen anstatt eine fixe, aber bei manchen Design ist das schlecht möglich
Bsp der Slider bei diesem Design von mir
http://forum.your-roleplay.com

Bei so einem Design wo du Grafik benutzen musst die eine feste Breite benutzt ist die größe wiederrum egal
http://forum.computer-woerterbuch.de/