Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Changer la dimension de l'avatar sans defformer la version mobile - AwesomeBB

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer la dimension de l'avatar sans defformer la version mobile - AwesomeBB

Message par Kam27 Lun 11 Jan 2021 - 23:38

Détails techniques


Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:
Changer la dimension de l'avatar sans defformer la version mobile - AwesomeBB Unknown

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://garreg-mach.forumactif.com/

Description du problème

Bonjour,

Comment on peut changer les dimensions de notre avatar tout en restant 36x36px dans la version mobile ?
J'ai tenté avec ce code mais quand on passe sur la version mobile notre avatar ne se réduit pas.

Code:
.avatar-big img {
    border-radius: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.11), 0 0 1px rgba(0,0,0,0.22);
    display: inline-block;
    max-height: 250px;
    max-width: 250px;
  height: auto;
  width: auto;
}
Kam27

Kam27
**

Messages : 93
Inscrit(e) le : 19/12/2016

Voir le profil de l'utilisateur https://garreg-mach.forumactif.com/
Kam27 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la dimension de l'avatar sans defformer la version mobile - AwesomeBB

Message par chattigre Mar 12 Jan 2021 - 16:35

Bonjour
Essayez ce code CSS pour ne toucher que les écrans larges :
Code:
@media (min-width: 961px) {
  .avatar-big img {
    height: 250px;
    width: auto;
  }
}

L'avatar ne sera agrandi à 250px de haut que si l'écran fait plus de 960px de large.
Il est préférable de préciser width: auto pour éviter une déformation de l'image Smile
Si vos images ont une ratio largeur:hauteur identique, vous pouvez préciser les deux paramètres en valeurs chiffrées.

Bonne journée
PS : Lorsque vous modifiez le CSS d'un élément, inutile de repréciser les propriétés non touchées. Ici, inutile de rajouter la propriété box-shadow si elle est inchangée par rapport au CSS de base. Cela n'est pas forcément valable pour les dimensions...
chattigre

chattigre
Membre habitué

Masculin
Messages : 1131
Inscrit(e) le : 17/04/2019

Voir le profil de l'utilisateur https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la dimension de l'avatar sans defformer la version mobile - AwesomeBB

Message par Kam27 Jeu 14 Jan 2021 - 1:25

Merci Very Happy
Kam27

Kam27
**

Messages : 93
Inscrit(e) le : 19/12/2016

Voir le profil de l'utilisateur https://garreg-mach.forumactif.com/
Kam27 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum