Ein Spacer (Abtrennung) zwischen Artikel im Joomla Blog-Layout setzen

Dieses Anleitung wurde zwar für Joomla Versionen rund um 1.5.x erstellt, sollte aber auch in den CSS Style Sheets neuerer Versionen funktionieren. Einfach ausprobieren.

Mit Joomla Blog-Layout lassen sich einspaltige, zwei- oder mehrspaltige Ansichten zeigen (z.B. Frontpage). Bei mehreren Artikeln erscheint die Seite allerdings ziemlich unübersichtlich. Abhilfe schafft da eine Trennlinie (Spacer), die automatisch am Ende der Ansicht eingesetzt wird.

{rokbox}images/stories/tutorials/spacer/spacer_content.jpg{/rokbox}

Dazu muss in der Datei*:

/joomla/templates/IHR TEMPLATE/css/template.css (oder template_css.css)

folgender Code eingefügt werden:

Beispiel 1: 1 Pixel starke Linie schwarz

.article_separator { 
border-top: 1px solid #000000; 
display: block;
width: 95%;
margin-left: 10px;
margin-top:? 10px;
}

Beispiel 2: 3 Pixel starke Linie grau

.article_separator { 
border-top: 1px solid #888888; 
display: block;
width: 95%;
margin-left: 10px;
margin-top:? 10px;
}

Beispiel 3: 6 Pixel starke Linie hellgrau

.article_separator { 
border-top: 6px solid #CDCDCD; 
display: block;
width: 95%;
margin-left: 10px;
margin-top:? 10px;
}

Am besten setzt man ihn wohl in die Nähe eines anderen Tags, der sich auf "article" bezieht, so weiss man später, wo man ihn in etwa suchen muss.

Getestet an: Joomla 1.5.9

Vermutlich wird der Code nicht in jedem Template funktionieren, sollte aber wohl bei den meisten gehen.

Falls es jemandem nicht mehr präsent sein soll, wie man das Blog-Layout von einer Spalte auf zwei oder drei umstellt, hier die Anleitung:

Gehen Sie zu:

Joomla Admin /Menus/

Gewünschtes Menu anwählen Menüpunkt anklicken Rechts oben in den Parametern, die Anzahl Spalten eingeben.

{rokbox}images/stories/tutorials/spacer/menu.jpg{/rokbox}

Die Joomla Grundeinstellung zeigt zum Beispiel oben auf der Seite einen einspaltigen Artikel. Dann folgen vier 2-spaltige Artikel und schliesslich noch vier Links zu weiteren Artikeln am Ende der Seite.

Mein Beispiel im oberen Bild sieht dann wie folgt aus:

Leading: 0
Intro: 12
Colums: 3
Links: 12

* der Pfad kann bei neueren Joomla Versionen abweichen.