responsive Image Effect CK

More
3 years 11 months ago #59074 by Strider
Salut,

Je viens de voir le poste suivant, mais je n'ai pas tout compris.
forum.joomlack.fr/index.php/image-effect...mage-effect-ck#58925

Sur la maquette de mon site creationweb-site.fr/Evolution_architectu...dex.php/arch-projets

Je souhaite adapter le titre et l'image en fonction d'un smartphone ou d'une tablette. les images utilisent l'effet effectck-flip-left
Sur PC, cela fonctionne parfaitement, mais sur un iPhone par exemple, le texte est tronqué.

Merci d'avance.

Please Log in or Create an account to join the conversation.

More
3 years 11 months ago #59077 by ced1870
Replied by ced1870 on topic responsive Image Effect CK
salut
en gros, tu utilises un code css avec media query (requete d'affichage) pour détecter la résolution de l'écran
Code:
@media screen and (max-width: 920px) { ... }
là tu choisis ta résolution (tu peux créer plusieurs règles dans ta page)
pour cibler ton effet, ensuite tu peux ajouter comme ceci
Code:
@media screen and (max-width: 920px) { figure.imageeffectck figcaption { font-size: 1.5vw; padding: 0; } }
ça va réduire la taille du texte en dessous de 920px de largeur d'écran (à adapter). J'utilise ici l'unité "vw" pour que la police soit proportionnelle à la taille de l'écran
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
3 years 11 months ago #59081 by Strider
Replied by Strider on topic responsive Image Effect CK
J'ai donc insérer le code que tu m'a fournis, je vois les modifications sur mon Samsung GS6. Maintenant il faut que je teste un iPhone et un iPad. Je te dirais ce que cela donne. Merci pour tes explications.

Please Log in or Create an account to join the conversation.

Time to create page: 0.198 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 515 guests and one member online