WBB4 Designs selber machen.

In 10 Minuten startet der nächtliche Backupvorgang! Es kann währenddessen (ca. 10 Minuten) zu Einschränkungen bei der Nutzung des Forums kommen
Weitere Infos findet ihr im Thema Backup des Forums
  • Hey ich habe mich ja vor kurzen gewagt meine Werke hier im Forum auszustellen nun wollte ich auch einige WBB Designs machen.. nur wie fängt man an?
    Ich beherrsche dank schule HTML, CSS und JavaScripts fast komplett nur ich brauche irgendwie ein Anfangs-Punkt eine Vorlage oder so. Ich möchte ein eigenes Design erstellen
    und es nachher selbst coden. Wie geht das was muss ich beachten.


    @m4a_X wie ich sehe hast du das Forum Design hier gemacht, kannst du mir Tipps geben?

    - heftig abhängig von Karli Kugelblitz Choco Drinks

  • 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

    Code
    @wcf_Background_color: #0099FF;


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



  • 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/