TYPO3 HowTo - Comment avoir un nom de classe CSS different pour chaque contenu TYPO3

Tuesday, October 16, 2007 at 08:42 PM

Auteur : Adrien Laurent

Si vous voulez pouvoir controller la classe CSS pour chaque contenu géneré par typo3 (exemple: text with image), vous pouvez ajouter un champ supplémentaire qui vous permet de personnaliser le nom de la classe.

Instructions:

Ajouter les lignes suivantes à votre typoscript:
#[globalVar = TSFE:field|tx_modulis_ttcontent_class > 0]
tt_content.stdWrap.dataWrap =  <a name="{field:uid}"></a><div class="{field:tx_modulis_ttcontent_class}">|</div>
#[global]

Vous pouvez enlever les # pour vous assurer que la classe est ajouté que si le nom de class est remplit.

La balise “” sert a créer un point d’ancrage pour les liens style ancrés.

Ajouter la colonne suivante à la table tt_content:

(vous pouvez aussi le faire avec le kickstarter)

tx_modulis_ttcontent_class (type tinytext)

Ajouter le code suivant au fichier typo3conf/ext_tables.php:
$tempColumns = Array (
        "tx_modulis_ttcontent_class" => Array (
                "exclude" => 1,
                "label" => "Class",
                "config" => Array (
                        "type" => "input",
                        "size" => "30",
                        "default" => "tt_content",
                )
        ),
);

t3lib_div::loadTCA("tt_content");
t3lib_extMgm::addTCAcolumns("tt_content",$tempColumns,1);
t3lib_extMgm::addToAllTCAtypes("tt_content","tx_modulis_ttcontent_class;;;;1-1-1");