computerspiele
computerspiele ist eine Webseite, die sich zu 100% mit dem Thema PC Spiele beschäftigt. Die Seite ist mit einem klassischen, dreispaltigen Layout aufgebaut und besteht aus einem Kopfbereich, der die Navigation und ein Werbebanner enthält, der linken Sidebar, in der vor allem Werbung untergebracht ist, einem Mittelteil mit Infos rund um das Thema Computerspiele und einer rechten Sidebar, die eine Tagcloud und verschiedene Gadgets (Ein Umfragetool, ein PC-Spiele Wiki etc.) enthält. Oberhalb des Headers befindet sich ein Logo und eine Login-Möglichkeit für registrierte Mitglieder.
Die Seite hat mehrere CSS-Dateien, die teilweise das Aussehen des Templates bestimmen (template.css und shadowbox.css) und teilweise das Aussehen einzelner Komponenten, Module und Plugins definieren.
In der CSS Datei template.css sind die meisten für das Template relevanten Styles zusammen gefasst: Größe und Farbe des Bodys, der beiden Sidebars, der Überschriften von h1 bis h6, des Fließtextes und der in rot (color: #aa1428;) hervorgehobenen Links. Auch die Styles für die einzelnen Menüpunkte werden hier festgelegt. Die in der CSS-Datei shadowbox.css zusammengefassten Styles sind dagegen durch den Befehl: visibility:hidden für die Surfer unsichtbar.
In der tagcloud.css wird das Aussehen der bereits erwähnten Tagcloud definiert. In ihr ist die Farbe und die Größe der einzelnen Tags festgelegt: Unterhalb des Titels „PC-Spiele Tags“, der in h3 definiert ist, gibt es eine sehr lange Liste der gebräuchlichsten Tags dieser Seite. Zwischen 11px für die am seltensten verwendeten Ausdrücke und 17 px für die populärsten Tags gibt es eine Reihe von Abstufungen von jeweils ein Pixel Differenz. Alle Tags sind in rot definiert(color: #771100;), wenn man mit der Maus über ein Tag fährt, wird die Schrift aber weiss mit einem Hintergrund in orange (color: #ffffff; background: #993300;)
Darüber hinaus gibt es auch noch das Login-Modul dessen Aussehen in der Datei mod_yoo_login.css festgelegt ist.