rgslideshow: Breite und Position von rgsdescription und rgstitle ändern
Position von Titel und Beschreibung ändern
Um die Position von Titel (rgstitle) und Beschreibung (rgsdescription) zu ändern muss man die CSS Datei rgslideshow.css ändern, davor sollte man die Datei allerdings kopieren (von typo3conf/ext/rgslideshow/res/rgslideshow.css) und im Fileadmin ablegen:
TypoScript:
plugin.tx_rgslideshow_pi1.pathToCSS = fileadmin/css/rgslideshow.css
CSS Datei:
/* nested information */
.rgslideshow .rgsnest {
position:absolute;
width:100%;
top:0;
/* oder bottom:0; */
right:0;
/* oder left:0; */
border-bottom:1px solid #333;
border-left:1px solid #333;
background: url(../img/transparent_bg.png);
z-index: 5; /* for safari */
}
Achtung, man muss auch die Pfade zu allen benötigten Grafiken (z.B. transparent_bg.png) ändern. Am besten in ein eigenes Verzeichnis nahe der CSS Datei kopieren und relativ dazu verlinken.
Breite von Titel und Beschreibung ändern
Um die Breite von Titel (rgstitle) und Beschreibung (rgsdescription) zu ändern muss man die JavaScript Datei rgslideshow.js ändern. Vor der Änderung sollte man allerdings die Datei kopieren (von typo3conf/ext/rgslideshow/res/rgslideshow.js) und irgendwo im Fileadmin ablegen:
TypoScript:
plugin.tx_rgslideshow_pi1.pathToScript = fileadmin/js/rgslideshow.js
Folgende Zeilen mit "//" auskommentieren, falls man eine variable Breite (an den Text angepasst) wünscht:
Java Script Datei:
//if(this.options.addBarInside) {
// this.nestAll.setStyle('width',slide.getProperty("width")+'px');
//}
Oder man ändert die 3 Zeilen und gibt eine fixe Breite vor (z.B. 300 px):
Java Script Datei:
if(this.options.addBarInside) {
this.nestAll.setStyle('width','300px');
}