« 1 ... 5 6 7 (8) 9 10 »
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 15:50
#71
Pascal C. 431
26/10/2021 15:50
haha... quoi? c'est nul?
ça casse pas 3 pattes à un mouton, c'est vrai mais ça fait le job non?

Citation :
Humm
Mouais...
ok ok.
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
26/10/2021 15:59
#72
Alain T 608
26/10/2021 15:59
Si tu le dis
Il faut bien commencer un jour !

Au fait, tu devras désactiver les notifications du module xmnews dans les préférences du module, tu ne verras ainsi plus les lignes du bas.
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 16:14
#73
Pascal C. 431
26/10/2021 16:14
Ok pour les notifs

Bon... ok... je ferais un truc mieux pour les boutons...

C'est plutôt que j'étais content de voir que je pouvais adapter mes couleurs sur les autres éléments...
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
26/10/2021 16:23
#74
Alain T 608
26/10/2021 16:23
En forçant la couleur sans déclarer des hover dans ton fichier personnalisé CSS, tu perds la notion de survol avec la souris ou bien le clic de la souris.
Cela donne une impression trop statique.

Tu peux t'inspirer de ce qui est fait dans le fichier bootstrap pour l'adapter à tes propres boutons :

a.bg-primary:hovera.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  
background-color#178acc !important;
}
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
26/10/2021 16:49
#75
Pascal C. 431
26/10/2021 16:49
Oui je suis justement sur la doc des boutons bootstrap, merci
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
26/10/2021 18:20
#76
Alain T 608
26/10/2021 18:20
J'allais te proposer un exemple
mais en éditant ton code, qu'est ce que je trouve encore...

2 body
lignes 81 et 746.

Je ne sais pas ce que tu fais mais faut vraiment te poser.
Tu corriges tes erreurs puis on les retrouve le lendemain.
Ne fonce pas tête baissée.
Pose toi.
Avance pas à pas, en étant sur que ce tu as fait est correct avant de passer à l'étape suivante.

Ce n'est pas le cas ici avec à nouveau le 3ième retour des doubles < body > dans ta page générée...
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
27/10/2021 09:03
#77
Pascal C. 431
27/10/2021 09:03
Ok, ok.... il était resté dans l'article celui-ci... car source récupérée depuis l'ancien site, rédigé en html ....

Punaise oui, il me faut faire plus attention...
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
27/10/2021 10:35
#78
Alain T 608
27/10/2021 10:35
Ok, mieux.
Bon,
pour ton bouton "Fiche Driver"
ton code est le suivant :
<button id="monBtn2" class="imghvr-fold-down hovrjaune-bg"><span class="fas fa-folder-open" style="color:#FFFFFF"></span><span style="margin-left:10px;">Fiche Driver</span></button>

Avant que je te propose un exemple,
dis-moi où est définie cette classe : imghvr-fold-down
et quelles en sont ses éléments.

Sans attendre ta réponse, tu peux déjà transformer ton code en ceci :
<button id="monBtn2" class="imghvr-fold-down hovrjaune-bg"><span class="fas fa-folder-open" text-white ml-2"></span> Fiche Driver</button>

Ensuite, je te proposerai quelque chose à essayer pour ton hover.

Au fait, ta classe hovrjaune n'est pas vraiment jaune et pas vraiment hover.
Je pense qu'un nom plus explicite te servira, tel que .borne-color
Ensuite tu pourras créer .borne.bordure etc
Ce ne sont que quelques conseils.
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
27/10/2021 10:46
#79
Pascal C. 431
27/10/2021 10:46
Laissons tomber, je vais procéder autrement pour le bouton. Je crois bien avoir trouvé une piste plus intéressante.

Je pense à intégrer une barre de navigation qui prenne toute la largeur et qui puisse me permettre de choisir plusieurs solutions sur un onglet, comme ici : http://lumieresdefrance.com/phpv2/mod ... s/article.php?news_id=28#

Mais le bouton ne change pas d'état au survol... faut que je regarde mieux comment ça fonctionne pour faire cela.

Mais j'ai pas le temps de m'y coller tout de suite... je regarderais entre 2 projets (comme d'hab. en fait et c'est certainement pour cela que je fais pas mal d'erreurs en voulant toujours faire vite entre 2 trucs).

Mon but au départ était juste d'ajouter la classe hovrjaune-bg pour voir si je pouvais rappeler mon jaune dans un bouton à la manière des vignettes de fond... j'était simplement content que ça fonctionne aussi et voulais le partager.

Quand aux couleurs, je les ai foncé un peu pour créer les fonds. Il me faudra en rajouter de la même teinte que les catégories pour que ça pète un peu plus.

Quant au jaune... c'est mon jaune à moi donc je m'y retrouve même s'il n'est pas jaune

Bref... tout reste à faire... et c'est un peu ce qui est marrant en même temps.
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
27/10/2021 11:07
#80
Alain T 608
27/10/2021 11:07
Citation :
Je pense à intégrer une barre de navigation qui prenne toute la largeur et qui puisse me permettre de choisir plusieurs solutions sur un onglet, comme ici : http://lumieresdefrance.com/phpv2/mod ... s/article.php?news_id=28#

Mais le bouton ne change pas d'état au survol... faut que je regarde mieux comment ça fonctionne pour faire cela.

Oui le menu peut être bien aussi.
Pour le hover, pour personnaliser tes couleurs sur le nav, ça sera beaucoup plus complexe que les boutons.
Pourquoi ?
Les boutons sont plus faciles à personnaliser car il y a les définitions pour plusieurs couleurs de boutons, donc on peut s'en inspirer pour en créer de nouvelle.
Pour nav, il n'y a qu'une couleur par défaut, donc faudra faire de très nombreuses déclarations.

Allez, je te laisse tranquille !