Zum Inhalt springen

eigene css-Datei fürs Backend

Erstellt am 23. Juli 2011 · 5 Antworten · letzte Antwort am 30. Oktober 2023

Tags: Frage

FabianX ·

Zwar schon ein alter Beitrag aber stand grad vor dem gleichen Problem und schau immer zuerst hier im Forum und bin daher hier drüber gestolpert.

die extTables.php in typo3conf öffnen und folgende Zeilen hinzufügen:

if (TYPO3_MODE=="BE" )   {
    $TBE_STYLES['inDocStyles_TBEstyle'] .= '@import "/fileadmin/deinPfad/deineCSS.css";';
}
chrisTheMan ·

Ich stand soeben vor der gleichen Anforderung und zwar mit TYPO3 7.6. Hier meine Lösung:

In einer eigenen Extension in der Datei "extTables.php" folgende Zeilen hinzufügen:

$GLOBALS['TBE_STYLES']['skins']['my_ext_key'] = array (
  'name' => 'my_ext_key',
  'stylesheetDirectories' => array(
    'css' => 'EXT:' . $_EXTKEY . '/Resources/Public/css/typo3_backend/'
  )
);

'my_ext_key' kann natürlich mit beliebigem Wert ersetzt werden. Auch der Pfad zu dem Ordner mit den CSS-Dateien kann beliebig angepasst werden.

Achtung: Bei dem Pfad zu der CSS-Datei handelt es sich wirklich nur um den Pfad zu einem Ordner, in dem CSS-Dateien liegen! Es werden alle CSS-Dateien in diesem Ordner geladen.

mobilat · · Beste Antwort

So seid ihr noch flexibler mit der Variable `$_EXTKEY` - danke für den Tipp.
In die Datei "ext_tables.php" euer (Provider-)Extension.

/**
 * Add own CSS for Backend
 */
$TBE_STYLES['skins'][$_EXTKEY]['name'] = $_EXTKEY;
$TBE_STYLES['skins'][$_EXTKEY]['stylesheetDirectories']['structure'] = 'EXT:' . ($_EXTKEY) . '/Resources/Public/Backend/Css/';
mtness ·

Hallo Zusammen, habe gerade das changelog für TYPO3 v12 gesehen, da ändert sich die Einbindung wie folgt:

EXT:my_extension/ext_localconf.php

// for TYPO3 >12.3
$GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets'][my_extension]
    = 'EXT:myextension/Resources/Public/Css/myfile.css';

$GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets'][my_extension]
    = 'EXT:myextension/Resources/Public/Css/';

https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/12.3/Feature-100232-LoadAdditionalStylesheetsInTYPO3Backend.html

// edit: schade, der codeview geht wohl nicht mehr hier.