Schmuck.org
Die Seite schmuck.org verwendet eine Vielzahl von CSS Dateien um im Internet gut und richtig sichtbar zu werden. Fast 20 (!) CSS-Dateien sind nämlich für die korrekte Darstellung dieser Webseite zuständig. Die benötigt dieser interessante und vielversprechende virtuelle Schmuckladen auch. Denn die Programmierung, die auf dem bekannten Shopsystem osCommerce beruht, ist wirklich wunderbar gelungen und schafft es das virtuelle Kaufen zu einem wahren Vergnügen zu machen.
Hier ein kurzer Überblick über einige der verwendeten Dateien:
In der Datei stylesheet.css sind ein paar der wesentlichen Layouteigenschaften und die Basisparameter des Shops festgelegt. So wird hier z. B. der Bereich body (also das Grundgerüst der Seite) so definiert, dass im Browser ein weisser Hintergrund mit einer grauen Schrift zu sehen sind. In der CSS-Datei liest sich das folgendermaßen: BODY {color:#969494;margin:0px;background:#fff;}. Auch andere wesentliche Bereich wie Header oder Footer werden in dieser Datei festgehalten.
In einer anderen CSS-Datei, nämlich der stylesheet_boxes.css
werden die Eigenschaften der vielen in diesem Shop verwendeten Boxen festgeschrieben.
Eine andere wichtige Datei ist die stylesheet_content.css. Hier werden die Bereiche in denen die einzelnen Produkte angeboten werden, definiert. Dabei werden mehrere unterschiedliche CSS-Klassen bestimmt und in diese Klassen die jeweiligen Maße, Größen, Abstände und Farben eingetragen. Hier ein Beispiel: .content_wrapper1_table {margin:3px auto auto auto;border-top:6px solid #fbe787;} .content_wrapper1_td {padding:9px 0px 15px 0px; width:100%;}
Eine sehr interessante CSS-Datei in dieser Sammlung ist auch die magiczoom.css. In dieser Datei werden die Eigenschaften des „Magigzooms“ definiert. Das Magigzoom ist ein lizenzpflichtiges Tool, das den Besuchern der Seite die Möglichkeit bietet die einzelnen Vorschaubilder in voller Auflösung zu sehen. Aber dies alleine wäre ja nicht Außergewöhnliches. Das Besondere am Magigtool ist die Tatsache, dass man beim Überfahren des Vorschaubildes mit dem Curser genau den Teil groß sieht, der gerade vom Curser berührt wird. Ein wirkliches, magisches Zoom“, bei dem der dargestellte Bildinhalt laufend den eigenen Bewegungen folgt.
Resümee: Die Seite schmuck.org zeigt ihren Besuchern nicht nur interessanten und guten Schmuck, sondern bietet auch programmiertechnisch einige Besonderheiten, die das Einkaufen zu einem waren Vergnügen machen.