Re : imagehover
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
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 :
Donc la différence est le "!important".
Je l'ai donc reporté dans ma définition dans mon fichier css de personnalisation :
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
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;
}
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
Au fait,
Je n'ai pas la réponse à ton soucis de couleurs de fonds mais
tu peux utiliser une classe qui ne comporte pas de fond intermédiaire.
imghvr-push-up par exemple, non ?
Dans ce cas, tu peux retirer le bg de figure et ne laisser que celui de figcaption
Je n'ai pas la réponse à ton soucis de couleurs de fonds mais
tu peux utiliser une classe qui ne comporte pas de fond intermédiaire.
imghvr-push-up par exemple, non ?
Dans ce cas, tu peux retirer le bg de figure et ne laisser que celui de figcaption
Re : imagehover
ok !
Oui c'est étrange, le pb est toujours là.
Essaye de permuter les 2 articles
mettre ta définition sur vega et bg-warning sur torsade
Quel est le résultat ?
Tu peux également, mais juste pour tester car pas pratique du tout en cas de changement, c'est de tester en "dur"
Chez moi, ça marche
Juste une remarque (qui ne règle pas le problème) :
Appeler tes définitions de couleurs par leur couleur n'est pas judicieux.
Le jours où tu veux passer toutes les lanternes de couleur framboise à une toute autre couleur, (vert par exemple), le nom sera alors trompeur et source d'erreur.
Il vaut mieux utiliser un nom de catégorie / rubrique / type de matériel.
- lanterne
- borne
- projecteurs
Bon, je pense que tu comprends l'idée.
Oui c'est étrange, le pb est toujours là.
Essaye de permuter les 2 articles
mettre ta définition sur vega et bg-warning sur torsade
Quel est le résultat ?
Tu peux également, mais juste pour tester car pas pratique du tout en cas de changement, c'est de tester en "dur"
<figure class="imghvr-hinge-up" style="background-color:#920826">
<img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg">
<figcaption style="background-color:#920826">
texte Alain
</figcaption>
<a href="#"></a>
</figure>
Chez moi, ça marche
Juste une remarque (qui ne règle pas le problème) :
Appeler tes définitions de couleurs par leur couleur n'est pas judicieux.
Le jours où tu veux passer toutes les lanternes de couleur framboise à une toute autre couleur, (vert par exemple), le nom sera alors trompeur et source d'erreur.
Il vaut mieux utiliser un nom de catégorie / rubrique / type de matériel.
- lanterne
- borne
- projecteurs
Bon, je pense que tu comprends l'idée.
Re : imagehover
ok !
Une fois fini,
tu pourras ouvrir un sujet à propos de la façon de présenter tes images dans ta news.
Tu vas me dire "pourquoi" ?
Tu utilises un thème 100% responsive,
MAIS dans ta news tu utilises une très vilaine table.
Ce n'est plus comme cela maintenant même si ça fonctionne.
Mais je suis d'accord, étape par étape,
donc quand tu en seras là, ouvre un sujet.
Merci de ne pas débattre de cela ici, ce sujet ici concerne imagehover.
Alain
Une fois fini,
tu pourras ouvrir un sujet à propos de la façon de présenter tes images dans ta news.
Tu vas me dire "pourquoi" ?
Tu utilises un thème 100% responsive,
MAIS dans ta news tu utilises une très vilaine table.
Ce n'est plus comme cela maintenant même si ça fonctionne.
Mais je suis d'accord, étape par étape,
donc quand tu en seras là, ouvre un sujet.
Merci de ne pas débattre de cela ici, ce sujet ici concerne imagehover.
Alain
Re : imagehover
Citation :
C'est pas faux.
Si tu avais repris le fichier nav.tpl comme je te l'avais indiqué quelques post auparavant, tu n'aurais pas eu de nouveau ces erreurs en cascade.
Je ne sais pas si tout est lié, mais si le fichier généré n'est pas au format standard html attendu par le navigateur, c'est clair que tu vas au devant de soucis.
D'autant que je me rajoute souvent des problèmes tout seul, qui prennent aussi du temps à corriger.
C'est pas faux.
Si tu avais repris le fichier nav.tpl comme je te l'avais indiqué quelques post auparavant, tu n'aurais pas eu de nouveau ces erreurs en cascade.
Je ne sais pas si tout est lié, mais si le fichier généré n'est pas au format standard html attendu par le navigateur, c'est clair que tu vas au devant de soucis.
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 !
