Mobiltelefone
Mobiltelefone.net ist eine Webseite, die sich ausschließlich mit dem Thema Mobiltelefone auseinandersetzt. Sie verwendet das sehr weit verbreitete Content-Management System Joomla und nutzt das Template rt_nexus_j15. Dieses Template greift auf mehrere CSS-files zurück. In der Datei template.css sind die wichtigsten Styles zusammengefasst, die das äußere Erscheinungsbild des Templates prägen. Unter anderem werden hier die verwendeten Fonts, der Bereich „body“ die Schriftgrößen, die Darstellung der Links und die Überschriften definiert.
Einige wesentliche Elemente der Datei template.css - :
1) Im Bereich „Font Family Settings“ werden die verwendeten Schrifttypen definiert. Obwohl viele verschiedene Fonts zum Einsatz kommen, wird am häufigsten auf Helvetica, Arial, sans-serif zurückgegriffen. Neben dieser Schriftfamilie kommen aber auch Optima, Lucida, ‘MgOpen Cosmetica’, ‘Lucida Sans Unicode’, Geneva, Tahoma, “Nimbus Sans L”, FreeSans, Verdana, Georgia, Trebuchet MS, Palatino Linotype, Book Antiqua, Times New Roman und Times zum Einsatz. Obwohl diese Vielzahl von Schriften verwirrend scheint, bietet die Webseite dennoch ein in sich geschlossenes und gefälliges Bild.
2) Im Bereich „Core Formatting“ werden die Größen der einzelnen Elemente definiert. Im Body wird der Zeilenabstand mit 135% festgelegt, wodurch sich eine angenehm leichte Lesbarkeit des Fließtextes ergibt. Als Standard Schriftgröße wurde – je nach verwendeter Schrifttype 12 Pixel oder 13 Pixel festgelegt. Die Überschriften von h1 bis h5 werden durchgehend definiert und sind in harmonischen Abständen von 250 % (h1) der Standardschriftgröße bis hin zu 120% (h5) festgelegt. Die Links sind unauffällig gestaltet und werden nur beim Überfahren mit der Maus unterstrichen: a {text-decoration: none;} a:hover {text-decoration: underline;}
3) Darüber hinaus gibt es noch eine Reihe von Definitionen, die in dieser äußerst umfangreichen CSS-Datei festgelegt sind: Die horizontale Menüs, Menüs der Sidebar, RSS-Feed, Styles für den Footer etc. Die CSS-Datei hat dem Designer einen großen Überblick abverlangt, da es zusätzlich auch noch weitere 14 CSS-Dateien gibt, muss man diesen Entwurf als wirklich aufwendig und gelungen betrachten!
Wer übrigens einen günstigen Ratenkredit für sein neues Handy braucht, wird auf Ratenkreditrechner.com fündig!