Fork me on GitHub






Utilisation des grilles CSS pour les thèmes
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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/2019 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: 4051
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/2019 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: 4051
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/2019 10:59

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

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

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

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