Nachdem in der Presseschau immer wieder schriftsetzerischer Wildwuchs zu sehen ist, bin ich jetzt 'mal hingegangen und habe mit Inspiration durch eine Vorlage von Jason eine CSS-Datei geschrieben, die das "layouten" der Artikel vereinfachen und vereinheitlichen soll.
Bevor ich groß erkläre, einfach 'mal ein Musterblatt:
Lorem IpsumHier, 1337.47, STFUErster Absatz Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Zweiter Absatz Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."n + 1"-ter Absatz... Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Daraus wird dann:
Lorem Ipsum
Hier, 1337.47, STFU
Erster Absatz Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zweiter Absatz Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
"n + 1"-ter Absatz... Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Das Layout des Mediums, welches man verwendet, wird im obersten div-Container angebenen (hier ufn_nachricht für United FOX News und eine (kurze) Nachricht). Daneben gibt es auch fnn_nachricht und epa_nachricht - weiteres folgt demnächst.
Für größere Texte existiert die Klasse ufn_artikel (auch mit epa und fnn). Hier gibt es die Unterklassen titel1 und titel2 (titel gibt es nicht!), man kann also einen zweiten Titel setzen. Artikel sind im Gegensatz zur Nachricht zweispaltig. Aber hierauf muss man nicht groß achten, sondern macht ebenfalls mit ...
Text
... die Absätze.
Schließlich gibt es natürlich auch noch 'was für Interviews, aber wie das funktioniert schreibe ich später/die Tage.
PS: Da ich eine CSS3-Funktion verwendet habe, die noch kein Standard ist, kann es sein, dass alte/blöde Browser Probleme haben, die zwei Spalten anzuzeigen. Bei wem das der Fall ist, der sei motiviert, sich einen aktuellen/ordentlichen Browser zuzulegen. 