Non, rien de tout ça !
Tu dois vérifier déjà que dans ton fichier theme.tpl, le dernier fichier css déclaré soit myxoops.css, ce fichier doit être le dernier lu.
Voir le tutoriel "Comprendre xSawtch4", page
Personnalisation du fichier CSS Ensuite tu déclares dans ce fichier (css/myxoops.css) des couleurs de fonds
exemple :
/* Fonds pour le Core */
.xoopscore-bg {
background-color: #139EE8 ;
}
Ensuite dans ta déclaration de figure, tu ajoutes cette classe : xoopscore-bg
cela devient donc :
<figure class="imghvr-hinge-right xoopscore-bg">
<img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg">
<figcaption>
texte Alain
</figcaption>
<a href="#"></a>
</figure>
Tu peux même faire un essai sans rien toucher au fichier myxoops.css.
Comment ?
Tu peux utiliser les définitions de fonds qui sont DEJA définies par bootstrap 4 puisque tu es parti sur une base de xswatch4.
Couleur de fond :
bg-primary
bg-secondary
bg-info
bg-success
bg-warning
bg-danger
bg-dark
bg-light
Prenons par exemple bg-warning (Voir la page
cerulean si ta variante est cerulean) si tu veux un fond orange.
On obtient donc :
<figure class="imghvr-hinge-right bg-warning">
<img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg">
<figcaption>
texte Alain
</figcaption>
<a href="#"></a>
</figure>
Pour devancer ta question,
il te suffit de définir un fond pour chaque type (dans le fichier css/myxoops.css) puis de les utiliser ensuite
Ex :
/* Fonds Lanterne */
.lanterne-bg {
background-color: #0270A4 ;
}
/* Fonds Borne */
.borne-bg {
background-color: #FF6600 ;
}
/* Fonds illumination */
.illumination-bg {
background-color: #683A7B ;
}
A toi d'ajouter d'autres définitions que des "fonds", qui pourront de servir ailleurs, du type
/* bordure illumination */
.illumination-bordure {
border-color : #683A7B ;
border-style : solid;
border-width : thin;
}
/* couleur pour illumination */
.illumination-color {
color : #683A7B ;
}
Tu pourras utiliser des classes selon tes rubriques, comme le fait monxoops.fr avec les définitions pour le core, pour les modules, pour les thèmes.
Tu vois, c'est encore plus simple qu'il n'y parait, non ?
A toi de jouer !
