[Résolu] Avatar dans la toolbar

2 participants

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

Résolu [Résolu] Avatar dans la toolbar

Message par FANCH 56 Lun 12 Aoû 2013 - 23:13

Bonsoir

L'avatar dans la toolbar, fonctionne parfaitement. Par contre il y a un problème de dimensions. Le CSS indique des dimensions 25px pour les deux valeurs (valeurs que nous pouvons changer).

Ne pourrait-on mettre dans le CSS, un code qui garderait les proportions des avatars avec une limite pour la hauteur.

Ainsi ceux-ci ne seraient pas déformés à l'affichage sur la toolbar.

Merci


Dernière édition par FANCH 56 le Mar 13 Aoû 2013 - 8:36, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Avatar dans la toolbar

Message par Neptunia Mar 13 Aoû 2013 - 3:47

Bonjour ^^

Le code qui fournit des icônes carrées

Code:
/* Afficher avatar du membre dans la toolbar DEBUT */
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/* Afficher avatar du membre dans la toolbar FIN */
Le même code qui respecte le format des images sans excéder 25 pixels de hauteur Wink

Code:
/* Afficher avatar du membre dans la toolbar DEBUT */
.fa_avatar {
  max-height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/* Afficher avatar du membre dans la toolbar FIN */
On supprime l'attribut width, et on remplace height par max-height.
Je n'ai pas testé sous Invision mais ça devrait passer sans souci.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Avatar dans la toolbar

Message par FANCH 56 Mar 13 Aoû 2013 - 8:35

Merci AoF

Par contre j'ai mis (compte tenu de la hauteur de la barre) le top à

Code:
top: -8px;
Ce qui centre la photo verticalement

Résolu
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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