Re : imagehover
Tu ne suis pas mes recommandations et tu fonces tête baissée !
Regarde ta source, c'est n'importe quoi !
Thème : LDF_bleu_imagehoverCOLOR
Tu as encore un head apres un body, avec des déclarations css, d'un autre theme d'ailleurs (LDF_clear2)!
puis un body
Je suis sur que tu as du mettre en dur un chemin dans ton nav.tpl
source ligne 59 de la page générée
Tu refais EXACTEMENT la même erreur que celle qui te posait problème à l'ouverture de ce sujet :
un head après un body avec déclaration css (d'un autre thème) puis une fermeture de head puis une ouverture d'un deuxième body...
Pour info,
avec un code propre, ton exemple fonctionne parfaitement chez moi.
Affiche "Inspecter", tu verras aussi les erreurs (boutons rouges en haut à droite)
Regarde ta source, c'est n'importe quoi !
Thème : LDF_bleu_imagehoverCOLOR
Tu as encore un head apres un body, avec des déclarations css, d'un autre theme d'ailleurs (LDF_clear2)!
puis un body
Je suis sur que tu as du mettre en dur un chemin dans ton nav.tpl
source ligne 59 de la page générée
Tu refais EXACTEMENT la même erreur que celle qui te posait problème à l'ouverture de ce sujet :
un head après un body avec déclaration css (d'un autre thème) puis une fermeture de head puis une ouverture d'un deuxième body...
Pour info,
avec un code propre, ton exemple fonctionne parfaitement chez moi.
Affiche "Inspecter", tu verras aussi les erreurs (boutons rouges en haut à droite)
Re : imagehover
Citation :
Pour ce cas là, ce n'est pas une surcharge, c'est une personnalisation.
Une surcharge c'est quand on "ecrase" une définition existante.
Bon, Donc ça marche,
C'est cool !
Pascal Coulougnon a écrit :
Les surcharges.... je vais bien finir par y penser à force
Pour ce cas là, ce n'est pas une surcharge, c'est une personnalisation.
Une surcharge c'est quand on "ecrase" une définition existante.
Bon, Donc ça marche,
C'est cool !
Re : imagehover
Citation :
Dans la version xswatch4-enabled v2 qui devrait sortir très très bientôt, OUI.
Et il est aussi présent sur la toute nouvelle mise à jour de xswatch4 avec le core XOOPS 2.5.11.
Et oui, c'est moi qui ai ajouté des choses hehehe
Voir :
xSwatch4 options #1100
Cosmetic changes in theme.tpl - xswatch4 theme #1094
Bootstrap V4.5.2 to 4.6.0 for xSwatch4 #1063
Pascal Coulougnon a écrit :
Oui je l'ai lu et l'avais déjà lu plusieurs fois en fait... mais en te lisant, j'avais cru comprendre que ce fichier devait déja être présent par défaut que ce fichier était déjà existant.
Dans la version xswatch4-enabled v2 qui devrait sortir très très bientôt, OUI.
Et il est aussi présent sur la toute nouvelle mise à jour de xswatch4 avec le core XOOPS 2.5.11.
Et oui, c'est moi qui ai ajouté des choses hehehe
Voir :
xSwatch4 options #1100
Cosmetic changes in theme.tpl - xswatch4 theme #1094
Bootstrap V4.5.2 to 4.6.0 for xSwatch4 #1063
Re : imagehover
?
J'ai donné le lien : https://www.monxoops.fr/modules/xmtuto ... d=15&page_id=78#page_page
As-tu lu cette page ?
Il semble que non.
Citation :
Ensuite, oui, c'est peut-être le même,
Tu l'appelles comme tu veux.
C'est juste un principe. Ensuite à toi d'adapter.
Chez toi cela pourrait être mylumiere.css ou, si tu as déjà un fichier personnalisé de surcharge nommé my_css.css, c'est parfait.
Peut importe le nom, ce qui compte c'est qu'il soit le dernier fichier css déclaré.
J'ai donné le lien : https://www.monxoops.fr/modules/xmtuto ... d=15&page_id=78#page_page
As-tu lu cette page ?
Il semble que non.
Citation :
1. Ajout du fichier CSS personnalisé
Pour ajouter un fichier CSS personnalisé, cela se fait en 2 étapes :...
Ensuite, oui, c'est peut-être le même,
Tu l'appelles comme tu veux.
C'est juste un principe. Ensuite à toi d'adapter.
Chez toi cela pourrait être mylumiere.css ou, si tu as déjà un fichier personnalisé de surcharge nommé my_css.css, c'est parfait.
Peut importe le nom, ce qui compte c'est qu'il soit le dernier fichier css déclaré.
Re : imagehover
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 :
Ensuite dans ta déclaration de figure, tu ajoutes cette classe : xoopscore-bg
cela devient donc :
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 :
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 :
A toi d'ajouter d'autres définitions que des "fonds", qui pourront de servir ailleurs, du type
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 !
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 !
Re : imagehover
Si les paramètres de ton serveur web (Apache bien souvent) sont mal configurés, si ce fichier n'est pas présent, on pourrait voir le contenu du dossier en cours, avec ce que cela peut engendrer comme risque.
Et pour être totalement complet, sur les anciennes version de XOOPS,
c'était un fichier index.html avec pour contenu :
Ces 2 fichiers sont chargés (l'un ou l'autre) par défaut si tu tapes une adresse URL qui finit en "/", c'est à dire sans préciser un nom de fichier.
Dans la configuration d'Apache, il y a une priorité sur l'un des 2 fichiers.
Et pour être totalement complet, sur les anciennes version de XOOPS,
c'était un fichier index.html avec pour contenu :
<script>history.go(-1);</script>
Ces 2 fichiers sont chargés (l'un ou l'autre) par défaut si tu tapes une adresse URL qui finit en "/", c'est à dire sans préciser un nom de fichier.
Dans la configuration d'Apache, il y a une priorité sur l'un des 2 fichiers.
Re : imagehover
Et j'ai oublié quelque chose !
Pour chaque nouveau dossier, quelque soit sa position dans l'arborescence (excepté à la racine),
il faut penser à ajouter un fichier index.php contenant :
Tu peux en faire une copie depuis un autre dossier existant.
Ici, il faut ajouter ce fichier dans les dossiers :
- /themes/LDF_Bleu2/vendor/
- /themes/LDF_Bleu2/vendor/imagehover/
- /themes/LDF_Bleu2/vendor/imagehover/css/
A la racine, le fichier index.php est le fichier d'initialisation, il est bien différent.
Pour chaque nouveau dossier, quelque soit sa position dans l'arborescence (excepté à la racine),
il faut penser à ajouter un fichier index.php contenant :
<?php
header("HTTP/1.0 404 Not Found");
Tu peux en faire une copie depuis un autre dossier existant.
Ici, il faut ajouter ce fichier dans les dossiers :
- /themes/LDF_Bleu2/vendor/
- /themes/LDF_Bleu2/vendor/imagehover/
- /themes/LDF_Bleu2/vendor/imagehover/css/
A la racine, le fichier index.php est le fichier d'initialisation, il est bien différent.
