Beiträge von Tom

  • Tutorial Stilerstellung - Teil 1: Erstellung des Designs

    Vorwort


    In diesem Tutorial wird ein Stil für das WBB 3.1 mit einer fester Breite von 960 Pixeln erstellt.


    Wie immer, viele Wege führen nach Rom, das ist meine Vorgehensweise bei der Stilerstellung, das heisst natürlich nicht dass man es anders machen kann. Ich werde hier nur auf die Erstellung ausserhalb des Stileditors eingeben, die Optionen und Funktionen innerhalb des Stileditors müsst ihr euch schon selber aneignen. Alles was ich hier schreibe ist meine persönliche Meinung und natürlich kann man auch anderer Ansicht sein.


    Teil 1: Erstellung des Designs


    Zu einem vollständigen WBB3.1-Stil gehören meiner Meinung nach folgende Grafiken:


    • Header (960x284)
    • Logo
    • Mainhintergrund (960x20)
    • Footer (960x156)


    Damit hat man schonmal das Grundgerüst des Stiles und man kann sich den Hintergründen widmen:


    • Seitenhintergrund
    • Footerhintergrund


    Anschliessend kann man sich um das Kleinzeug kümmern:


    • Kategorien- und Editorhintergrund
    • Kleine Buttons (50x50)
    • Grosse Buttons (900x120)
    • Tabs (250x35)
    • Spaltenköpfe (160x24)
    • Forenhintergrund (900x100)


    Und für die Threadansicht werden noch benötigt:


    • Hintergrund Themenstarter (225x500)
    • Hintergrund normaler Poster (225x500)
    • Hintergrund Beiträge (400x500)


    Nun wo klar ist was alles an Grafiken benötig wird, kann man sich an die Designerstellung machen. Gewöhnlich packe ich alle Elemente bis auf die grossen Buttons und die Grafiken der Threadansicht in eine Datei, das kann dann zum Beispiel so aussehen:



    Und gesliced sieht das dann so aus:



    Um die bisherigen Zusammenhänge zu verstehen hier ein Überblick wo die Grafiken zum Einsatz kommen:



  • *aufstöhn* was für ne Hitze

    Ne ich steh total auf Sonne aber nicht auf im Haus schwitzen ^^


    Ein Eis und eine Rundfahrt später, hab euch mal ein paar Bilder gemacht, da könnt ihr bischen mit der Google-Map Rumspielen:


    Rundfahrt


    Das Eis hab ich mal weggelassen :P

  • 3D Box [Toni-Designs]

    Na du markierst alle Objekte die die verzerren willst gleichzeitig und verzerrst sie dann. Dann bleiben die Verhältnisse und die Perspektive erhalten. Oder du reduzierst alles auf eine Ebene wenn du mit der Gestaltung fertig bist, oder, oder, oder... Es führen so viele Wege nach Rom ;)

  • Wer wechselt auf 3.1 und wann?

    Hups, das Portal, daran hab ich ja gar nicht gedacht, Updatekommando zurück.


    Zitat von Mullepapa

    Bisher jedoch ist uns nichts gravierendes aufgefallen oder gemeldet worden


    Ich denke man mittlerweile durchaus die Betas einsetzen, ich hab ja immer auf einen dicken, keine Ahnung SQL-Fehler gewartet der Datenbanken unbrauchbar macht, aber bisher ist das ja ausgeblieben.


    Wir werden hier dennoch auf die finale Version warten.

  • 3D Box [Toni-Designs]

    Alter Trick ;) Du gestaltest zu erst die 2D-Fläche fertig inkl. Text und verzerrst dann die Fläche mit dem Text gleichzeitig -> Perfekte Perspektive.




    Wenn das nicht geht, musst du den Text freihändig verzerren, dazu richtest du einfach die Kanten parallel zur Schachtel aus: