Spacer zwischen Artikeln in Joomla 1.5.x

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

Mit Joomla Blog-Layout lassen sich einspaltige, zwei- oder mehrspalige 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.

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 #000000;
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 funktioniern, 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 Menupunkt anklicken Rechts oben in den Parametern, die Anzahl Spalten eingeben.

Die Joomla Grundeinstellung zeigt zum Beispiel oben auf der Seite einen 1-spaltigen 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

Und live kann man dies auf inselhüpfen.ch sehen

Und hier darf eine Spende eingereicht werden :-)

 

 

Kommentar schreiben / Write your comment

Ihr Name:
Your name:
Betreff:
Subject:
Kommentar:
Your Comment:
  Bild, welches den Sicherheitscode enthält
Sicherheitscode:

Phottix JJC GoPro Fotopro JYC
Funkauslöser, Stative, Kugelköpfe
Studioausrüstung, Trigger, Wireless
Batteriegriffe, Akkus, Ladegeräte
UV-Filter, Polfilter, Graufilter
Phottix Odin, Phottix Indra

Phottix Atlas Strato Triopo Stativ Carbon