Wer kennt ihn nicht, den CSS Zen Garden. Der Zen Garden zeigt durch seine vielfältigen Einsendungen aus der ganzen Welt die Möglichkeiten auf, ein HTML
Dokument ohne Zugriff auf den eigentlichen Inhalt des Dokuments zu verändern und eine strikte Trennung von Inhalt und Layout einzuhalten.
Da der Zengarden eine recht strikte Aufnahmepolitik betreibt ist es leider nicht
jedem vergönnt, sein Layout zu präsentiereren.
Angeregt durch einen
Contest des XHTML Forums haben wir deshalb selber eine kleine Aktion auf die Beine gestellt, bei der jeder mitmachen und seinen gestalterischen Fähigkeiten freien Lauf lassen kann:
Die TP Lounge (
www.traum-projekt.com/tplounge/ )
Die Gegebenheiten:
Vorgegeben ist eine HTML Datei, deren Markup komplett mit id´s und klassen versehen ist, so dass man auf jedes Element per CSS Zugriff hat. Ein ZIP Archiv mit der HTML Datei und einer CSS Datei, in der alle ansprechbaren Elemente bereits notiert sind, könnt Ihr euch
hier herunterladen.
Die Herausforderung:
Wie anfangs schon gesagt: Die Herausforderung ist es, das vorgegebene HTML - Dokument zu "stylen" ohne Zugriff darauf zu haben. Neben den sichtbaren Bestandteilen (der Text, die Linklisten, etc.) haben wir zusätzliche Container notiert, die frei positioniert und gestaltet werden können. Diese sind zum einen unter den Absätzen (trenner-eins bis trenner-sechs) und zum Anderen am Ende des Dokuments (extra-eins bis extra-fuenf) notiert.
Als Doctype haben wir uns für HTML 4.01 Strict entschieden und liefern das Dokument natürlich dementsprechend als text/html aus.
Die Story:
Textmässig haben wir nicht auf fachbezogenen Text gesetzt, sondern eine kleine Geschichte geschrieben, in der ein junger Mann namens Johnny die Gestaltung von Webseiten unter Berücksichtigung geltender Standards entdeckt.
Die Geschichte hat bisher ein offenes Ende. Ihr könnt ein eigenes Ende schreiben, welches Ihr mit Hilfe des eigens dafür notierten Containers #ende einbinden könnt.
Wir sind gespannt auf die verschiedenen Ausgänge der Geschichte.
Mitmachen:
Zur Erstellung eures Stylesheets ladet euch am besten das eingangs schon erwähnte Zip-Archiv runter.
Wenn Ihr mit dem Layout fertig seid und es in der TP Lounge veröffentlichen möchtet, wendet euch am besten per PM direkt an St@effen (
tplounge@dislabs.de ), da er die technische Seite der Lounge regelt.
Natürlich könnt Ihr auch mehrere Layouts einreichen.
Wichtig: Am Anfang der CSS - Datei, die ihr im Templateordner findet, ist dieser auskommentierte Block:
HTML-Code:
/****************************************************/
/* TP Lounge */
/* */
/* CSS - Contest */
/* style.css */
/* */
/* Name: Johnny Markupseed */
/* nickname: johnny */
/* Homepage: johnnyganjaseed.com/ */
/* Datum: 26.8.2005 */
/* */
/****************************************************/
Wir möchten euch bitten, diesen Block unbedingt beizubehalten und auszufüllen, damit wir auch die Übersicht behalten.

Zudem wäre es auch praktisch, wenn Ihr euch an die vorgegebene Ordnerstruktur haltet, ansonsten jibbet kuddelmuddel.
Hilfe, Support und alles zur TP Lounge:
...findet ihr in
diesem Thread.
Wir freuen uns auf viele verschiedene Styles und Layouts.
Eure TP - Mods