BlackCat CMS Dokumentation, Tutorials, Tipps und Tricks

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

====== Bootstrap ======

Für die Nutzung des beliebten CSS Frameworks Bootstrap steht ein entsprechendes Bibliotheks-Modul zum [[http://blackcat-cms.org/page/add-ons/originaladdons.php?do=item&item=96|Download]] bereit.

Die Einbindung in Templates und/oder Module erfolgt am einfachsten über die Dateien ''headers.inc.php'' und ''footers.inc.php''.

===== headers.inc.php =====

<sxh php>
$mod_headers = array(
    'backend' => array(
        'meta' => array(
            array( 'charset' => (defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : "utf-8") ),
            array( 'http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge' ),
            array( 'name' => 'viewport', 'content' => 'width=device-width, initial-scale=1' ),
        ),
        'css' => array(
            array('file'=>'modules/lib_bootstrap/vendor/css/bootstrap.min.css',),
            array('file'=>'modules/lib_bootstrap/vendor/css/bootstrap-editable.css',),
            array('file'=>'modules/lib_bootstrap/vendor/css/fuelux.min.css',),
            array('file'=>'modules/lib_bootstrap/vendor/css/font-awesome.min.css',),
        ),
        'jquery' => array(
            array(
                'core'    => true,
                'ui'      => true,
                'plugins' => array(),
            )
        ),
    )
);
</sxh>

<WRAP center round info 100%>
Die Komponenten [[https://vitalets.github.io/x-editable/|X-Editable]], [[http://getfuelux.com/index.html|Fuel UX]] und [[http://fontawesome.io|Font Awesome]] sind natürlich optional! Ebenso die JQuery UI. Der JQuery Core muß aber geladen werden.
</WRAP>

===== footers.inc.php =====

Bootstrap - bzw. die JavaScript Komponenten - sollte im Footer geladen werden. Auch hier sind X-Editable und Fuel UX optional.

<sxh php>
$mod_footers = array(
    'backend' => array(
        'js' => array(
            '/modules/lib_bootstrap/vendor/js/bootstrap.min.js',
            '/modules/lib_bootstrap/vendor/js/bootstrap-editable.min.js',
            '/modules/lib_bootstrap/vendor/js/fuelux.min.js',
        )
    )
);
</sxh>

BlackCat CMS Dokumentation, Tutorials, Tipps und Tricks

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge