BasBas



Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
22/10/2021 12:12
Pascal C. 431
22/10/2021 12:12
Ok, effectivement on rajoute et ne remplace pas... j'avais pas différencié dans mon esprit.

Sinon je bloque encore sur un truc.
J'ai donc modifié mon my.css avec l'ajout suivant :

/* Modifications des couleurs de fond imagehover  */

/* Fonds violet */
.hovrviolet-bg {
background-color#563066  ;
}


j' ai modifié mon fichier article comme suit :

<!Véga>
        <
td width="18%" align="center"><figure class="imghvr-hinge-left bg-warning">
    <
img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_vega.jpg">
    <
figcaption class=" bg-warning">
       
CLIQUEZ !<br>
pour consulter  la fiche produit
    
</figcaption>
    <
a href=""></a>
</
figure></td>
        
      <
th width="3%" align="center" scope="col">&nbsp;</th>
        
        
                <!
Torsade>
        <
td width="18%" align="center"><figure class="imghvr-hinge-up hovrviolet-bg">
    <
img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_torsade.jpg">
    <
figcaption class="hovrviolet-bg">
       
CLIQUEZ !<br>
pour consulter  la fiche produit
    
</figcaption>
    <
a href=""></a>
</
figure></td>


Pour véga, la classe bg-"warning" est prise en compte pour le fond et le fond du texte

Pour Torsade, la classe hovrviolet-bg est prise en compte uniquement pour le fond, mais pas pour celui du texte.
Pourtant, le fait de remettre la même classe de fond dans figcaption comme je l'ai fais devrait me permettre de retrouver ce fond, non ?

J'étais persuadé d'avoir pigé, mais j'ai encore probablement mal construit un truc.

Visible ici dans le cas ou je ne serais pas clair :
http://lumieresdefrance.com/phpv2/mod ... ews/article.php?news_id=3


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 18:00
Pascal C. 431
21/10/2021 18:00
En même temps c'est cool, j'ai tellement longtemps pensé qu'il avait était abandonné.

Je viens de tester ta modif en boostrap et ça fonctionne à merveille.
J'ai donc plus qu'a adapter au CSS pour avoir les bonnes couleurs


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 17:31
Pascal C. 431
21/10/2021 17:31
Aussi, si tu rajoutes des trucs à mesures... je ne vais jamais rien comprendre moi

Celui que j'ai doit dater car il ne comporte pas ce fichier, j'avais regardé avant de poser ma question


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 17:22
Pascal C. 431
21/10/2021 17:22
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.

J'avais déjà fais des modifs dans my_css.css (qui actuellement n'est pas en queue) pour le slider de l'accueil.
Je vais donc le mette à la fin.

Va falloir que je commente bien ce fichier pour m'y retrouver

P.S. : Je vais quand même mieux regarder ton lien.


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 17:00
Pascal C. 431
21/10/2021 17:00
Alain, il n'existe pas myxoops.css, dois-je le créer?

Ne serait-ce pas plutôt my_css.css ?


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 16:37
Pascal C. 431
21/10/2021 16:37
Les surcharges.... je vais bien finir par y penser à force

Merci encore Alain


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 15:22
Pascal C. 431
21/10/2021 15:22
Et si maintenant (je sais, je suis pénible mais je voudrais comprendre la démarche jusqu'au bout... ), je souhaite avoir le fond de certaines vignettes en rouge plutôt que bleu.

Si je les veux toutes en rouge, c'est simple, et j'ai bien compris qu'il me suffit d'éditer le fichier imagehover.min.css pour y remplacer la valeur de la couleur.

Mais si je veux des vignettes bleu et des autres rouges, comment procéder?

Je dirais qu'il faut rajouter un fichier css/imagehover_red.min.css par exemple en remplaçant la couleur souhaité dans ce fichier, puis rajouter le lien dans le theme.tpl comme cela :

<!-- imagehover -->
               <
link href="<{xoImgUrl}>imagehover/css/imagehover.min.css" rel="stylesheet" media="all">
               <
link href="<{xoImgUrl}>imagehove/css/imagehover_red.min.css" rel="stylesheet" media="all">



A moins qu'il soit plus judicieux de cloner tout le dossier imagehover en imagehover_red
dans ce cas mon theme.tpl deviendrait
<!-- imagehover -->
               <
link href="<{xoImgUrl}>imagehover/css/imagehover.min.css" rel="stylesheet" media="all">
               <
link href="<{xoImgUrl}>imagehover_red/css/imagehover.min.css" rel="stylesheet" media="all">



Mais ensuite, comment appeler l'autre fichier depuis ici ?

<figure class="imghvr-hinge-right">
    <
img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg">
    <
figcaption>
       
texte Alain
    
</figcaption>
    <
a href="#"></a>
</
figure>


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 10:15
Pascal C. 431
21/10/2021 10:15
Oui, j'y avais pensé aussi. il y a souvent un index.php présent dans certains dossiers.

j'ai créé d'autres dossiers aussi dans lesquels je stocke des images ou autres, je vais m'empresser de rajouter ce fichier là aussi.
Merci


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 10:10
Pascal C. 431
21/10/2021 10:10
Je m'aperçois que ce fichier n'est pas présent sur les dossiers vendor/awesome/...

je présume qu'il me faut également les rajouter ici ?


Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 10:06
Pascal C. 431
21/10/2021 10:06
Merci de ces précisions Alain. Je vais les ajouter.



« 1 ... 14 15 16 (17) 18 19 20 ... 43 »