[RÉGLÉ] Personnalisation plugin Image Effect CK

[Kawawachikamach]

Bonjour à tous et toutes,


Je suis en train de tester le plugin de chez joomlack image effectCk


Je n’ai pas de soucis pour son utilisation mais j’aurai voulu changer deux trois règles css, donc je teste sur un effet : l’effet oscar


J’ai réussi à personnaliser le cadre blanc ainsi que l’écriture du texte à l’intérieur de l’image et l’opacité de l’image au survol de la souris.


Je l’ai fait en modifiant le fichier css :


mon_site/plugins/system/imageeffectck/assets/imageeffectck.css



Pour l’opacité au survol de l’image :



Ligne 257 :

figure.effectck-oscar:hover img {

     /*opacity: 0.4;*/

 }

Pour les textes :


Ligne 226 :

figure.effectck-oscar .imageeffectck_title {

     /*margin: 20% 0 10px 0;*/
     -webkit-transition: -webkit-transform 0.35s;
     transition: transform 0.35s;
     -webkit-transform: translate3d(0,100%,0);
     transform: translate3d(0,100%,0);
     color: #FF0000;/*CODE RAJOUTÉ POUR CHANGER LA COULEUR DU TEXTE NON SURVOLÉ*/
 }

Ligne 240 :

figure.effectck-oscar:hover .imageeffectck_title {

     -webkit-transform: translate3d(0,0,0);

     transform: translate3d(0,0,0);

     color: #0000FF;/*CODE RAJOUTÉ POUR CHANGER LA COULEUR DU TEXTE SURVOLÉ*/

 }

Ligne 251 :

figure.effectck-oscar:hover figcaption {

     background-color: rgba(58,52,42,0);

     color: #3A9D23;/*CODE RAJOUTÉ POUR CHANGER LA COULEUR DU TEXTE SURVOLÉ APRÈS LES DEUX POINTS  :*/

 }

Ligne 210 pour le cadre :

    position: absolute;

     top: 7%;

     right: 7%;
     bottom: 7%;

     left: 7%;
     border: 2px outset #FF0000;/* ORIGINAL :border: 1px solid #fff;*/

     content: '';
 }

Par contre je n’arrive absolument pas à changer l’opacité de l’image normale, lorsqu’elle n’est pas survolée par la souris.


J’ai beau dé-commenté toutes les lignes avec ‘’opacity’’, cela ne fonctionne pas.


Donc…………comment faire.



J’ai voulu utilisé les scripts sur cette page, mais pareil, alors là je n’y suis pas du tout arrivé.

http://epicadesign.fr/demos/HoverEffectImg/index.html

http://epicadesign.fr/css3-des-effets-avances-de-survol-dimage/

Merci à vous.

[ced1870]

Re : Personnalisation plugin Image Effect CK

salut
sur

figure.effectck-oscar figcaption

tu as

background-color: rgba(58,52,42,0.7);

soit tu changes l'opacité de la couleur (ici 0.7), soit tu vires complètement le background

par contre à ta place je créerais un nouveau style que je mettrais dans le template plutot que de modifier le ficheir du plugin. Sinon prochaine mise à jour ça va etre écrasé
CEd

[Kawawachikamach]

Re : Personnalisation plugin Image Effect CK

Bonsoir.

Merci à toi.

Je n'avais pas vu que l'opacité était caché ici, je cherchais une règle css opacity seule.

cela fonctionne maintenant, mais je suivrai ton conseil et si je fais des modifications je les mettrais dans mon custom.css de mon template.

Encore merci à toi.