BasBas



Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 18:47
#1
Alain T 360
Hier 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
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 17:54
#2
Alain T 360
Hier 17:54
Sinon, j'ai peut-être une piste d'explication.
Je fais quelques essais pour voir mon intuition...


Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 17:28
#3
Alain T 360
Hier 17:28
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


Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 16:21
#4
Alain T 360
Hier 16:21
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"
<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
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 15:55
#5
Alain T 360
Hier 15:55
Non pas bon!
Affiche la source !
Tu vois quand même que tu as 2 body ouvrant, non ?
Ligne 100 et ligne 122


Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 15:26
#6
Alain T 360
Hier 15:26
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


Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 15:06
#7
Alain T 360
Hier 15:06
Citation :
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
Alain T
Alain T

Re : imagehover

Alain T 360
Hier 13:55
#8
Alain T 360
Hier 13:55
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)


Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 360
21/10 19:04
#9
Alain T 360
21/10 19:04
Citation :

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
Alain T
Alain T

Re : imagehover

Alain T 360
21/10 17:34
#10
Alain T 360
21/10 17:34
Et oui, XOOPS 2.5.11 est toujours en cours de développement,
c'est pourquoi utiliser cette version demande des notions supplémentaires pour le maintenir à jour !



(1) 2 3 4 ... 35 »