Layout & Design

Das eigene Design

Um ein eigenes Layout zu erstellen, werden Kenntnisse in CSS und HTML benötigt, da das Layout von Randshop ab Version 1.3 komplett auf CSS basiert.

In dem Verzeichnis css gibt es mehrere Dateien, die alle relevanten Designdaten beinhalten und angepasst werden können.

layout_allgemein.css enthält die Rahmendaten für das Layout, die Gesamtbreite, die Spalten sowie die Hauptinformationen für Formulare, Tabellen etc.

rahmen_layout.css enthält den header, linke, rechte Navigation sowie den Footer. Mit dieser Datei werden die Navigationsboxen aufgebaut. Im Standard gibt es oben eine Hauptklasse, die auf alle weiteren Navigationspunkte zugreift, um schnell alle Farben und Breiten ändern zu können. Jedes Navigationselement kann aber auch einzeln angesprochen werden.

content_layout.css Mit dieser Datei werden alle Bereiche gelayoutet, die im Mittelbereich zu finden sind, wie z.B. die Artikelübersicht, Startseite etc. Fest definiert sind z.B. Artikelbildboxen. Wenn breitere oder hoehere Bilder als 155px benutzt werden, muss z.B. die Artikelbox auf die eingesetzte Breite der Bilder angepasst werden.