◦ pseudo : blue walrus. (clo) ◦ messages : 564 ◦ avatar : roo panes.
| Sujet: ⊹ régler la taille de vos images. Sam 13 Déc 2014 - 23:57 | |
| VOS IMAGES. bidouillons ça.C'est une question que certains se posent parfois ; comment faire pour réduire la taille de l'image en question pour qu'elle soit en règles, sans passer par un logiciel de graphisme ? Je viens vous apporter la solution, vous verrez les enfants, c'est simple comme bonjour ✩ RÉGLER LA TAILLE DES IMAGES. Je suppose que la plupart des gens savent mettre des images entre ces petites balises : - Code:
-
[img][/img] Néanmoins, si vous voulez pouvoir régler la taille de vos images sans avoir à passer par un logiciel de graphisme, il n'y a rien de plus simple, c'est tout à fait possible. Ainsi, si vous trouvez une image qui fait 700 pixels de largeur ou plus, et que vous voulez la réduire à 500 pixels de largeur pour ne pas qu'elle déforme la page du forum, ce n'est pas compliqué, et pas besoin d'aller sur Photofiltre, ou Photoshop, ou que sais-je d'autre. Vous pouvez prendre la balise [img] et insérer des parenthèses comme ceci : [img(500px,auto)]. Ou encore, utilisez ce petit code : - Code:
-
<img src="url de votre image" width="largueur désirée"> Et c'est tout. A la place de « url de votre image » vous mettez donc l'adresse internet de l'image désirée, et à la place de « largeur désirée », vous mettez donc la largeur que vous souhaitez, en oubliant pas d'ajouter « px » à la fin, sinon ça ne marchera pas. Ce qui donne donc :
- Spoiler:
(image normale) (image modifiée) Avec ce code : - Code:
-
<img src="http://media.tumblr.com/tumblr_mau9k0Uj141rsxhev.gif" width="300px">
Si vous désirez modifier non pas la largeur mais la hauteur, remplacez « width » par « height », et le tour est joué
NB : ne mettez pas les deux balises en même temps. Si vous faites cela, votre image aura des proportions bien précises, certes, mais elle s'en trouvera déformée. Dans le cas de l'utilisation d'une seule balise, la hauteur (dans le cas du réglage de la largeur) et la largeur (dans le cas du réglage de la hauteur) s'adaptent automatiquement pour ne pas déformer l'image. ✩ AUTRES RÉGLAGES POSSIBLES. Parce qu'il n'y a pas que la taille des images que l'on peut régler avec le petit code HTML que je vous ai passé ci-dessous, voici une petite liste des autres codes que vous pourrez utiliser pour modifier vos images. Le code donné entre guillemets est toujours à insérer entre les guillemets de la balise « style="" ».
L'OPACITÉ. + code : « opacity: VALEUR; » (la valeur doit être un nombre entre 0 et 1. Attention, les nombres décimaux s'écrivent avec un point, et non une virgule.) UN CADRE. + code : « border: ÉPAISSEURpx solid COULEUR » ✩ INSÉRER UNE IMAGE DANS UN TEXTE. Parce que c'est trop cool de pouvoir mettre une image, et que le texte s'adapte à sa présence, genre comme ça, non ? Genre dans un rp et tout, c'est classe, tout ça. Alors voilà comment faire. Vous allez voir, rien de plus simple
Toujours en utilisant le code HTML de votre image, et non les balises « classiques », ajouter la mention align="left" (ou right, en fonction de la position où vous voulez l'image), comme ceci :
- Code:
-
<img src="LIEN DE L'IMAGE" align="left"> Après ça, l'image se mettra bien à gauche, et le texte s'adaptera à sa présence ! :kewkew:
NOTE. Afin que le texte ne se colle pas à l'image que vous insérez, ajouter une balise « style="margin-right: 5px;" » (si vous avez positionné l'image à gauche), ou « style="margin-left: 5px;" » (si vous avez positionné l'image à droite).Voilà, j'espère que c'était compréhensible Si vous avez la moindre question, n'hésitez pas |
|