Bonjour,
ouverture d'un sujet concernant les grilles CSS à utiliser sur un thème pour XOOPS.

La lecture de l'article "Utiliser les grilles CSS" pourrait peut-être donner l'envie à certains et certaines de s'essayer à la réalisation ou la transformation d'un thème vers un thème XOOPS en grille CSS.

N'hésitez pas à poser vos questions (il n'y a pas de questions bêtes), à contribuer, à proposer vos idées, à présenter votre démarche, votre travail entamé voir même votre travail abouti.

Vous l'aurez compris, ce sujet est 100% collaboratif, communautaire,

alors profitons et avançons ensemble !!!

Alain

Voici un très bon exemple de la gestion de la taille des images en fonction de la taille du "visionneur".

Responsive Image gallery
Amusez-vous à réduire et augmentez la taille du cadre de droite, là où il y a les photos.
Alors ? Impressionnant, non ?
Pour comprendre comment cela fonctionne, le code se trouve sur le cadre de gauche, et vous pouvez même le mofifier en ligne pour voir en direct l'impact de vos modifications.

Et un autre exemple d'Images adaptatives.

Exemple "not responsive" : le bandeau du haut se centre tout de même sur le milieu de l'image, c'est déjà pas mal, mais la photo du dessous se réduit et n'as plus de sens lorsqu'elle est toute petite, on ne voit plus très bien les 2 visages

Exemple "responsive", on peut voir avec une réduction très importante de la taille de l'écran, que l'image des 2 personnes est "recentrée". En fait c'est une deuxième photo recadrée.