Redimensionner une image automatiquement
introduction
Les avancées sur
n'avanceront plus, donc je partage ce petit ajout en css avec vous.Cela permet d'avoir une image redimensionnée (rétrécie), à un point bien localisé. Soit dans le forum soit partout sur le site web.
En effet certains membres savent placés une image, mais de là à leur demander de diminuer l'image, c 'est peine perdu.
Ici, il n'est pas question d'utiliser l'effet lightbox, ni la galerie d'image de PHPBoost.
Pour ma part, j'ai un FTP avec un emplacement donnée où sont stockés mes images. Donc vous connaissez tout le principe, mais un petit récapitulatif est toujours appréciable.
Ajoutez d'abord le code suivant :
Code CSS :
/*modifie la taille de mon image */ .msg_contents_container img { max-width:600px; }
Dans un de ses deux fichiers:
- Mon_Theme/modules/forum/forum.css: pour que toutes les images soient redimensionnées. que dans le forum.
- Mon_Theme/theme/content.css de votre thème pour que toutes les images soient redimensionnées sur les autres parties du site.
- Mon_Theme/theme/generic.css de votre thème pour que toutes les images dans les Mps soient elles aussi redimensionnées.
Vous pouvez changer 600px par la valeur de votre choix...
Pour la plupart des membres vous faites ceux-ci:
Code BBCODE :
[img]Url de l'image[/img]
Pour aller plus loin, je voudrais agrandir l'image, je vais donc ceux-ci :
Code BBCODE :
[url=/upload/mon_image.jpg][img]/upload/mon_image.jpg[/img][/url]
Et sur CsN vous pouvez aussi le gérer par le Lightbox via cette icone
soit :Code BBCODE :
[lightbox=/upload/mon_image.jpg][img]/upload/mon_image.jpg[/img][/lightbox]
Voilà, j'espère que cela aidera plus d'un. Si vous ne savez bidouiller dans le kernel avec les fonction parse & unparse.