Crimson DayFiches RPGSignaturesCodages diversAvatars 200*320Fiches d'aidePoser une questionPartenariatsSuivre les actus (Tumblr)
CRIMSON DAY est un forum de LS dédié aux forums RPG. Nul besoin de venir poster des messages ni quoi que ce soit pour avoir les codes ou les éléments graphiques proposés. Cependant, nous comptons sur votre honnêteté : ne retirez pas les crédits, ou créditez lorsqu'il n'y a pas de signature. Merci ! ♥
Les codages du forum ont été créés, mis en place et arrangés par 2981 12289 0, YOU_COMPLETE_MESS ainsi que Justayne et la partie graphique du design a été réalisée par 2981 12289 0. Merci de ne pas copier l'apparence du forum !



 
AccueilAccueil  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 IMAGES ♦ ajuster l'image pour éviter qu'elle se répète

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
2981 12289 0
© Avatar by ϟ SWAN


Message(#)Sujet: IMAGES ♦ ajuster l'image pour éviter qu'elle se répète   17.03.17 0:24

A propos des images qui se répètentComme vous avez dû le remarquer, il peut arriver que lorsque vous changez les URL des images dans certaines mises en page, les images en question se répètent ou ne sont pas placées comme vous le souhaitez ! Voici donc la petite solution pour corriger ceci et adapter les images à votre guise dans les emplacements.
1. Repérez l’endroit où l’URL de l’image est à changer. Par exemple (morceau pris dans une mise en page) : < rect1 style=“background:url(URLDEL'IMAGE); background-size:100%; background-position:center center”>

2. “background-size:100%” correspond à la taille de l’image (elle fait donc 100% de la largeur de son cadre), vous pouvez augmenter la valeur, l’image s’agrandira sans pour autant déformer quoi que ce soit ! Vous pouvez éventuellement mettre une valeur en pixels si vous préférez.

3. “background-position:center center” correspond à la position de l’image par rapport à son cadre. Dans ce cas là, elle est centrée horizontalement et verticalement, mais vous pouvez là aussi arranger à votre sauce. Vous pouvez modifier le premier “center” par “left” ou “right” pour un alignement à gauche ou à droite, et le deuxième par “top” ou “bottom” pour un alignement en haut ou en bas. Il est aussi possible de changer tout ça par un nombre de pixels positif ou négatif (10px ou -15px par exemple), je vous conseille de faire vos petits essais par vous-même pour vous rendre compte.

4. (ajout du 22.04.2017) Il est aussi possible d'utiliser "background-size:cover" afin qu'une image s'adapte automatiquement à son cadre sans se répéter ni s'étirer ! Cependant, s'il y a un texte ou quoi à cacher (ou si vous voulez zoomer un peu plus), il vous faudra utiliser une valeur en pourcentage au lieu de cover !
Revenir en haut Aller en bas
http://2981122890.tumblr.com
avatar
2981 12289 0
© Avatar by ϟ SWAN


Message(#)Sujet: Re: IMAGES ♦ ajuster l'image pour éviter qu'elle se répète   22.04.17 0:43

EDIT DU GUIDE : 4. (AJOUT DU 22.04.2017) Il est aussi possible d'utiliser "background-size:cover" afin qu'une image s'adapte automatiquement à son cadre sans se répéter ni s'étirer ! Cependant, s'il y a un texte ou quoi à cacher (ou si vous voulez zoomer un peu plus), il vous faudra utiliser une valeur en pourcentage au lieu de cover !
Revenir en haut Aller en bas
http://2981122890.tumblr.com
 

IMAGES ♦ ajuster l'image pour éviter qu'elle se répète

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» création d' une image pour tagger
» Mettre une image pour une catégorie
» Je ne trouve pas d'image pour mes sous-forum et pour mes grades
» Hebergement d'image via Servimg
» Mettre une image pour illustrer un forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Crimson Day :: Zone des Invités :: Guide :: Aide à l'utilisation-