« 1 ... 4 5 6 (7) 8 9 10 »
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
22/10/2021 18:47
#61
Alain T 608
22/10/2021 18:47
Trouvééééééé !!!
Tssssss

Je t'explique ma démarche (intellectuelle) pour te montrer comment j'ai fait pour trouver.

Bon, en fait, de mon côté, j'avais juste testé avec bg-warning et en dur, pas avec une définition personnelle.
Et j'ai donc fait EXACTEMENT comme toi
et ...
j'ai rencontré le même problème,
le script ne prenait pas en compte ma classe sur l'élément figcaption.

Au départ, j'ai pensé au complément de classe "hover".
J'ai donc ajouté une classe
.hovrframboise-bg:hover {
    
background-color#920826;
}
mais, pareil, même problème.
Donc il fallait trouver une autre piste...

Or cela fonctionne avec des classes de bootstrap, vu qu'avec bg-warning, c'est opérationnel.
J'ai donc édité le fichier éditable bootsrap.css (plus simple pour lire le contenu que le fichier bootstrap.min.css)
et j'ai cherché la classe bg-warning.
Résultat :

.bg-warning {
  
background-color#f5e625 !important;
}

Donc la différence est le "!important".
Je l'ai donc reporté dans ma définition dans mon fichier css de personnalisation :
/* Fonds framboise */
.hovrframboise-bg {
    
background-color#920826 !important;
}

Et... ça fonctionne !!!

Explication :
Attention, je ne suis pas expert en css,
le tag !important permet d'écraser les composants existant d'une classe car il passe prioritaire.

Voilà, c'est tout ce que je peux te dire, mais en tout cas, ça marche.
Et si un jour tu veux changer la couleur de toute une catégorie, au lieu d'aller dans chaque article, tu pourras juste modifier la déclaration de ta class .hovrframboise-bg et l'impact sera immédiat sur tous tes articles qui utilisent cette classe.
Donc ne pas mettre en dur les styles !

Je pense avoir été complet... jusqu'au prochain problème
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
22/10/2021 18:56
#62
Pascal C. 431
22/10/2021 18:56
Super, je tenterai cela et te dis. merci Alain
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
25/10/2021 15:16
#63
Pascal C. 431
25/10/2021 15:16
Super Alain, ça fonctionne. Un grand merci... encore une fois.

Je pensais naïvement que l'ajout du point d'exclamation devant "!important" correspondait à un commentaire
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
25/10/2021 17:25
#64
Pascal C. 431
25/10/2021 17:25
Je vois que j'ai encore fais une merdouille en nettoyant le fichier

je n'avais pas remarqué mais en entête du site je me retrouve avec le code suivant :
!-- START RUBY MENU.CSS --> !-- END RUBY MENU.CSS --> <


Je ne sais pas pourquoi mais dans mon theme mes balises du menu n'étaient pas ouvertes

J'ai corrigé le truc et me retrouve toujours ave ce bout de balise :
<


Je viens d'inspecter tout mon code du theme et nav sans trouver de balise qui ne serait pas fermée.
Il y a un moyen pour retrouver rapidement le truc ? Car je désespère.


En inspectant le code j'ai une issue :

Citation :
Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
1 source
bootstrap.bundle.min.js:1
Learn more: User-Agent String Reduction


C'est lié ou bien rien à voir ?
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
25/10/2021 21:57
#65
Alain T 608
25/10/2021 21:57
Un peu de rigueur avec un retour arrière propre,
ou une suppression complète pour des modifications comprises et maitrisées.

Un peu de recul.
Le thème est propre au départ, donc si tu avances étape par étape avec attention, tout va bien se passer.
Allez, bon courage !
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 10:00
#66
Pascal C. 431
26/10/2021 10:00
Trouvé, avec l'aide de Dreamweaver... car l'ai vérifié mon fichier je ne sais pas combien de fois et je suis systematiquement passé à coté avec mon éditeur de texte.

D'ailleurs, je vais ouvrir un nouveau topic sur le sujet pour pas polluer celui-ci qui est finito
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 14:31
#67
Pascal C. 431
26/10/2021 14:31
Un petit commentaire juste pour signaler que j'ai pu également utiliser ta méthode pour créer des boutons à mes couleurs très facilement.

J'utilise les boutons pour naviguer depuis mes fiches techniques vers des pages complémentaires... et je peux maintenant attribuer très simplement le fond de ces boutons via les commandes hovrframboise-bg ou encore hovrchocolat-bg
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
26/10/2021 15:01
#68
Alain T 608
26/10/2021 15:01
Une capture d'écran ou un lien s'il est visible ?
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 15:10
#69
Pascal C. 431
26/10/2021 15:10
http://lumieresdefrance.com/phpv2/mod ... ws/article.php?news_id=11

2 bleus en haut de page, et vert / jaune un peu plus bas...
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
26/10/2021 15:48
#70
Alain T 608
26/10/2021 15:48
Humm
Mouais...
ok ok.