Fork me on GitHub






Utilisation des grilles CSS pour les thèmes
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 3504
Open in new windowOpen in new windowBonjour,
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

Posté le : 18/03 10:55

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Utilisation des grilles CSS pour les thèmes
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 3504
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.

Posté le : 21/03 10:11

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Utilisation des grilles CSS pour les thèmes
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 3504
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.

Posté le : 21/03 10:59

Open in new window
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

19 Personne(s) en ligne (13 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 19 | Plus ...