image du profil floutée
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
image du profil floutée
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début /ouverture du forum/
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour, bonsoir !Je vais essayer d'être précise, donc si le message est un peu long, je m'excuse !
Je souhaite mettre des gifs dans le profil des membres de mon forum. Ici { https://2img.net/r/hpimg11/pics/7177833201.png } on voit le rang correctement, à la bonne taille, mais le gif derrière l'avatar, quand on le survole, est à sa taille normale, donc énorme !
J'utilise le code :
- Code:
.postdetails.poster-profile img {
width:200px;
display:block;
width: 195px;
padding: 1px;
}
Et je me retrouve avec ça : { https://2img.net/r/hpimg11/pics/2708422602.png }, donc le rang a un peu rétréci, mais le gif derrière l'avatar est à la taille que je voulais.
Je ne sais pas si c'est normal que ce code redimensionne toutes les images du profil :/ Et je ne sais pas non plus quel code {template} donner pour aider à résoudre le problème :/ L'idée est de récupérer mes rangs à la bonne taille, tout en gardant les gifs derrière l'avatar à la taille voulu :/
Merci d'avance ♥♥♥
Dernière édition par MAZOHYST le Mar 31 Mai 2016 - 21:38, édité 1 fois
Re: image du profil floutée
Bonjour ^^
Le code que vous fournissez redimensionne toutes les images incluses à l'intérieur des éléments ayant pour class postdetails et poster-profile.
Par ailleurs il comporte une aberration
Vu qu'il est possible de redimensionner à la source des images, pourquoi aller se faire c***r à aller les redimensionner par CSS ?
Maintenant si le code a été conçu pour éviter une déformation chez les utilisateurs ayant un avatar trop large, il serait plus pertinent de recourir à max-width en lieu et place de width. Ainsi seuls les avatars (et autres images de profil) trop larges seraient redimensionnés.
MAZOHYST a écrit:
J'utilise le code :
- Code:
.postdetails.poster-profile img {
...}
Je ne sais pas si c'est normal que ce code redimensionne toutes les images du profil
Le code que vous fournissez redimensionne toutes les images incluses à l'intérieur des éléments ayant pour class postdetails et poster-profile.
Par ailleurs il comporte une aberration
Vous ne pouvez pas demander à un élément de faire à la fois 200 et 195 pixels de largeur. Seule la dernière déclaration sera prise en compte..postdetails.poster-profile img {
width:200px;
display:block;
width: 195px;
padding: 1px;
}
dans ce cas ne sertait-il pas plus logique de mettre directement les gifs à une largeur de 195 pixels.L'idée est de récupérer mes rangs à la bonne taille, tout en gardant les gifs derrière l'avatar à la taille voulue :
Vu qu'il est possible de redimensionner à la source des images, pourquoi aller se faire c***r à aller les redimensionner par CSS ?
Maintenant si le code a été conçu pour éviter une déformation chez les utilisateurs ayant un avatar trop large, il serait plus pertinent de recourir à max-width en lieu et place de width. Ainsi seuls les avatars (et autres images de profil) trop larges seraient redimensionnés.
Re: image du profil floutée
Par ailleurs il comporte une aberration
Vous ne pouvez pas demander à un élément de faire à la fois 200 et 195 pixels de largeur. Seule la dernière déclaration sera prise en compte.
Grave erreur de ma part C'est modifier ^^
Par contre, en passant en max-width... Mon rang a encore un problème :/
Les côtés de mon rang sont nets, mais l'intérieur... Tout flou.
Quand je tente de passer en 199px, ou moins, le flou se déplace sur les côtés, et l'intérieur est net... Je ne comprends pas, étant donné qu'il s'agit d'une image, et que rien ne devrait bouger {en principe...}
Re: image du profil floutée
Il vous suffit de faire des rangs en dessous de la valeur de max-width, ainsi le code n'aura aucun effet sur eux.
Re: image du profil floutée
Merci beaucoup !
Problème résolu !
Problème résolu !
Sujets similaires
» Image du profil.
» L'image du profil
» Image dans le profil ~
» Image profil
» Image sur l'avatar du profil
» L'image du profil
» Image dans le profil ~
» Image profil
» Image sur l'avatar du profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum