eine Vorlage in Variationen

(für eine größere Ansicht klick bitte jeweils den shot an!)

  • die Ausgangsvorlage
    mit => Quelltexthilfe
    und Erläuterungen, wo man was ändern kann
    sowie einer Auflistung der verwendeten style- und html-codes
    layout-ausgangs-beispiel

  • Abwandlung 1
    das gleiche Layout mit anderem Hintergrund und etwas anderer Schriftgestaltung-
    (hier Hintergrund, Schriftfamilie- farbe- größe, linkfarbe)
    man kann also mit wenigen Veränderungen
    bereits aparte Wirkungen erzielen:
    layout-variante-1

  • Abwandlung 2
    eine dunkle Variante wieder des gleichen layouts-
    durch wenige Veränderungen erreicht:
    z.B. nur eine Hintergrundfarbe, kein Hintergrundbild, andere Schrift- und linkfarben.
    Allerdings müssten hierfür noch die Fotos etwas sauberer freigestellt werden.
    layout-variante-2

  • Abwandlung 3
    eine Variation in grau-
    hier wurde den einzelnen Tabellen ein einfarbiger Hintergrund gegeben, die Rahmen gepunktet und der unterste Text auch in eine Tabelle gesetzt
    layout-variante-3

  • Abwandlung 4
    hat nur einen umgebenden Rahmen (in einem umgebenden "div")
    die inneren Tabellen werden rahmenlos (durch: border="0" )
    der unterste Text behielt seinen gepunkteten Rahmen in anderer Farbe
    überschriftfarbe und Gesamtbreite wurden verändert
    layout-variante-4

  • Abwandlung 5
    für Weihnachten
    ähnlich dem vorangegangenen Beispiel, nur wurde im umgebenden "div" sowie der letzten Tabelle die blaue Hintergrundfarbe herausgenommen und ganz oben im "body-style" der Weihnachtshintergrund eingesetzt
    layout-variante-5

  • Abwandlung 6
    für ebay-
    sehr ähnlich dem vorangegangenen Beispiel, verändert wurde nur der Hintergrund, Schriftarten und -farbe der überschriften sowie Rahmenstil und-farbe
    layout-variante-6

  • Abwandlung 7
    ein Beispiel für Kinder-
    hier wurden einmal Bilder- und Textseite getauscht, sowie mit Farben, Hintergrund und Rahmen gespielt
    layout-variante-7

  • Abwandlung 8
    ein weiteres Beispiel für Kinder-
    hier wurden wieder Farben, Hintergrund und Rahmen verändert
    layout-variante-8

    => Arbeitshilfe für alle Vorlagen

    Du kannst Deinem eigenen Entwurf beliebig viele weitere Tabellen und Bilder (von eigenem => webspace) hinzufügen
Grafik: Auge