[PhpBB3] Redimension automatique de l'avatar

Hi 1bernard1,
Le 8 octobre, sur le FDF, tu avais demandé de l'aide pour ce même problème :
https://forum.forumactif.com/t401336-presentation-de-l-avatar-dans-les-messages

Quelle était la solution trouvée à l'époque ?

Bonjour.

Ce n'était pas du tout le même problème

Le 8 octobre, je voulais centrer ce qui est sous l'avatar

Aujourd'hui, je demande de l'aide pour redimensionner l'avatar lorsque la page est réduite comme on peut le voir sur la photos.


 

OK
Je pense qu'il suffit de régler la taille des avatars par défaut.

PA > Affichage > Avatar > Galerie des avatars > Avatars personnels > Galerie personnelle

Et la tu règles tes dimensions d'avatars

J'ai essayé cette solution, mais cela réduit passablement les avatars... j'aimerais une autre solution... si cela est possible.

1bernard1 a écrit:J'ai essayé cette solution, mais cela réduit passablement les avatars... j'aimerais une autre solution... si cela est possible.  

Cela n'a pas à réduire si tu détermines la taille de tes avatars par rapport à la taille maximum que tu veux mettre en place

Je vais voir ce qu'il en est donc... Merci pour la suggestion.

Mais pour apprendre, j'aimerais quand même savoir si cela est possible de faire en sorte que l'avatar se réduise automatiquement.

Justement avec ce paramètre l'avatar ne dépassera pas la taille définie.
Par exemple si tu définis des avatars de taille 150x150px, un avatar de 200x200px sera affiché en 150x150px

Lorsque je réduis l'écran, le contenant de l'avatar ( comme cela est le cas pour certains membres qui ont ce problème) devient très petit comme on peut le voir sur la photo. Ce qui m'obligerait à mettre des grandeurs maximales trop petites au départ.. C'est possible, mais ce n'est pas l'idéal. Des avatars qui se réduisent selon la demande, cela serait l'idéal. De toute façon, il n'y a pas de mal à en savoir plus si je peux avoir une réponse à ma question.

J'ai beaucoup cherché et je n'ai trouvé aucune réponse à ce problème

Comment fais-tu pour réduire le contenant de tes avatars ?

Si tu appliques ce code, ti devrais avoir un résultat similaire:

Code:

.postprofile {
   color: #FFFFFF;
   margin-left: 3%;
   min-height:80px;
   border-right-style: solid;
   border-right-width: 12px;
   border-top: 30px;
   border-color: #xxxxxx;
   width: 16%;
   min-width: 130px;
   float: left ;
   display: inline-block;;
   word-wrap: break-word;
   position: relative;
        webkit-border-radius: xxpx;
        moz-border-radius: xxpx;
        border-radius: xxpx;
        background-color:  #xxxxxx;
}

et

Code:

.postbody    {
               background-color: #xxxxxx;
               padding: 0;
               line-height: 1.48em;
               width: 74%;  
               min-width:auto;  
               text-align:left;
               float: right;
               clear: both;
               margin-right:4%;

}  

C'est à quelque chose près ce qui est donné dans le CSS original

Hello Bernard,

as tu modifié le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Si oui, merci de le fournir

Ensuite, il faut supprimer ce style:

Code:

    .postprofile {
      color: #FFFFFF;
      margin-left: 3%;
      min-height:80px;
      border-right-style: solid;
      border-right-width: 12px;
      border-top: 30px;
      border-color: #xxxxxx;
      width: 16%;
      min-width: 130px;
      float: left ;
      display: inline-block;;
      word-wrap: break-word;
      position: relative;
            webkit-border-radius: xxpx;
            moz-border-radius: xxpx;
            border-radius: xxpx;
            background-color:  #xxxxxx;
    }
    .postbody    {
                  background-color: #xxxxxx;
                  padding: 0;
                  line-height: 1.48em;
                  width: 74%; 
                  min-width:auto; 
                  text-align:left;
                  float: right;
                  clear: both;
                  margin-right:4%;

    } 

Car tu peux modifier le placement de l'avatar via ton P.A:

Général/Configuration/Structure des pages


Position du profil dans les messages :

Merci pour cette réponse. J'ai trouvé une solution tout à fait acceptable bien que ce ne soit pas celle que je cherchais






Je pense que je peux clore ce sujet à moins que tu veuilles bien me dire s'il y a, en général, une façon de redimensionner automatiquement l'image de l'avatar...

L'image est à la bonne dimension sur tous les avatars actuellement non,
tu veux les réduire?

Edit:

Tu peux réduire la taille des avatars sur le profil des messages en modifiant le style déjà présent dans ta feuille de style:

Code:


.postprofile dt img {
    border: 1px solid #000;
    border-radius: 40px;
    padding: 0;
    max-width: 130px;
}


Par ce code:

Code:


.postprofile dt a[href^="/u"] img {
    border: 1px solid #000;
    border-radius: 40px;
    padding: 0;
    max-width: 130px;
}


Modifies la valeur 130 si besoin

Certains ce sont plein que l'avatar sortait de son cadre comme ici ( je parle ici des autres admin qui ont accès à la maquette)



Peut-être que c'est parce que leur écran est plus petit. De fait, avant si je diminuais mon navigateur de cette façon





je rencontrais aussi le même problème.

Une solution que je voyais à cela était que les dimensions de l'avatar diminuent en même temps que les dimensions du navigateur... d'où ma question. Mais j'ai trouvé une autre solution.

Ceci dit, cette question reste pertinente : est-ce que la solution de la diminution des dimensions de l'avatar en fonction de la largeur du navigateur, ou du cadre qui accueille l'avatar, aurait été une solution possible.

L'avatar est ne doit pas changer de dimension sur un ordinateur (et seulement un ordinateur),
tu ne dois pas avoir de modification a effectuer.

J'ai édité mon message pour modifier la dimension:
https://www.milouze14.com/t32335-phpbb3-redimension-automatique-de-l-avatar#615411

OK, encore une fois merci, cela me semble bon....

De rien Bernard,