bo:VideoJS - HTML5 Video Player

bo:VideoJS IconWith bo:VideoJS (based on VideoJS) you can embed videos with HTML5.

Check out the HTML5 video player for joomla!

DOWNLOAD

Joomla - Menü für Beitragsseiten anpassen

Written by Alfred Bösch on .

There are no translations available.

Lange Beiträge lassen sich mit einem Seitenumbruch auf mehrere Seiten verteilen und damit übersichtlicher gestalten. Die einzelnen Seiten werden dann über ein zusätzlich eingeblendetes Menü aufrufbar, dass ohne weitere Anpassungen links oberhalb des Textes angezeigt wird.

Für Beiträge mit vielen Seiten, aber relativ kurzen Inhalten (pro Beitragsseite), ergibt sich dadurch nicht nur ein optischer Nachteil, weil das Menü länger erscheint als der eigentliche Text, sondern u. U. auch ein ergonomischer. Denn lange Menüs könnten verhindern, dass der eigentliche Text sofort sichtbar ist. Mühsames scrollen wäre der Fall, um an die wesentlichen Informationen heranzukommen.

Meine Lösung sieht vor, dass das Menü nicht mehr oberhalb, sondern rechts innerhalb des Textes steht. Der Text umfließt dabei das Menü und die Seite wird dadurch insgesamt harmonischer und übersichtlicher. Eine Illustration, die verdeutlicht, wie sich die Position des Menüs verschiebt, ist nachfolgend zu sehen (das Menü ist orange, der Text schwarz gekennzeichnet):

Illustration Menüposition Beitragsseiten vorher, nachher

Diese Anpassung ist mit wenigen Änderungen mittels CSS zu bewerkstelligen. Dazu muß lediglich die Datei joomla.css, die sich im Verzeichnis des aktuell ausgewählten Templates im Ordner css befindet, um folgendes ergänzt werden:

table.contentpaneopen {
width: 100%;
}

table.contenttoc {
margin-left:10px;
margin-right:2px;
margin-bottom:5px;
width:180px; 
float:right;
border:1px solid #cccccc;
border-left:3px solid #c0c0c0;
padding:5px 5px 10px 10px;
}

table.contenttoc th {
font-weight:bold;
font-size:13px;
margin-top:2px;
border-bottom:1px solid #bbbbbb;
text-align:left;
}

Nachdem Sie die Änderungen durchgeführt und abgespeichert haben, sollte das Menü für die Beitragsseiten nun rechts innerhalb des Textes erscheinen. Ein Beispiel dafür, wie es aussehen kann, werde ich demnächst hier veröffentlichen.

Diese Änderung sollte auch für alle anderen Templates funktionieren. Je nach Herkunft des verwendeten Templates heißt die CSS-Datei nicht joomla.css, sondern, wie z.B. im Standard-Template rhuk_milkyway, template.css.