Mediabox - Weißes Thema

betrifft
TYPOlight Version	ab 2.8.2

Ab TYPOlight Version 2.8.2 wird mit der Mediabox ein sogenanntes "White Theme" mitgeliefert.
Dabei wird der Hintergrund mit der Farbe Weiß halbtransparent und auch der Rahmen um das Bild wird weiß.
Hier nun die Info wie man das "White Theme" aktiviert.
Dazu erstellt man eine Kopie von moo_mediabox.tpl (z.B. moo_mediabox_white.tpl) direkt über das Backend:

"Layout" - "Templates"
Neues Template , Auswahl moo_mediabox, Template erstellen
Template umbenennen (Bleistift) nach moo_mediabox_white (die Endung macht Contao/TYPOlight selber ran)
Template editieren, Code anpassen wie unten gezeigt, speichern

Nun muss man im Layout noch das geänderte Template aktivieren, dazu unter:

"Layout" - "Themes" - "Seitenlayouts" - Layout bearbeiten (Contao ab 2.9)
"Layout" - "Seitenlayouts" - Layout bearbeiten (TYPOlight bis 2.8.x)
hier nimmt man nun bei "MooTools-Templates" das Häkchen bei "moo_mediabox" raus und bei "moo_mediabox_white" rein.
fertig

<?php
 
// Add mediabox style sheet
$GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox_white.css|screen';
 
?>
 
<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

Hier wurde nur die CSS Zeile geändert.

Hier der Code ab Contao Version 2.9.1

<?php
 
// Add mediabox style sheet
$GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox_white.css?'. MEDIABOX .'|screen';
 
?>
 
<script type="text/javascript" src="plugins/mediabox/js/mediabox.js?<?php echo MEDIABOX; ?>"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

Auch hier wurde nur die Einbindung der CSS-Datei verändert.

Hier der Code ab Contao Version 2.10 (provisorisch siehe http://dev.contao.org/issues/3469)

    <?php
 
    // Add mediabox style sheet
    $GLOBALS['TL_CSS'][] = TL_PLUGINS_URL . 'plugins/mediabox/'. MEDIABOX .'/css/mediaboxAdvWhite21.css|screen';
 
    ?>
 
    <script src="<?php echo TL_PLUGINS_URL; ?>plugins/mediabox/<?php echo MEDIABOX; ?>/js/mediabox.js"></script>
    <script>
    Mediabox.scanPage = function() {
      var links = $$('a').filter(function(el) {
        return el.rel && el.rel.test(/^lightbox/i);
      });
      $$(links).mediabox({/* Put custom options here */}, null, function(el) {
        var rel0 = this.rel.replace(/[[]|]/gi,' ');
        var relsize = rel0.split(' ');
        return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
      });
    };
    window.addEvent('domready', Mediabox.scanPage);
    </script>

--BugBuster 23:34, 30. Jun. 2010 (CEST)

Mediabox - Weißes Thema

Aus Contao Community Documentation

Ansichten

Meine Werkzeuge

Suche

Navigation

Verstehen

Verwenden

Entwickeln

Verschiedenes

Werkzeuge