[Réglé] Aligner le texte à coté de l'avatar du dernier message posté

Support pour n'importe quelle extension non présente dans notre base de données
Aucune demande de personnalisation des extensions n'est autorisée.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support des extensions de phpBB-fr.com

Merci de mettre le nom de l'extension ainsi que sa version entre crochets, et un titre explicite afin de faciliter la recherche.
Exemple : [nom de l'extension + numéro de version] Titre explicite résumant le problème

Le lien de téléchargement de l'extension est demandé pour toute demande de support.

Aucune demande de personnalisation des extensions n'est autorisée.

[Réglé] Aligner le texte à coté de l'avatar du dernier message posté

Messagepar Binano » 05 Juin 2016 à 17:17

Bonjour,

je cherche à améliorer l'alignement de l'avatar de l'extension "Last Post Avatar" : https://www.phpbb.com/customise/db/exte ... last_post/

Vu mon niveau très mauvais en anglais, je n'ai pas essayé de contacter l'auteur de l'extension pour lui demander des explications car je serais incapable de lui expliquer le problème en anglais... déjà que ce n'est pas évident en français :oops:

Pour vous, ça doit être tellement facile que je me permets de solliciter votre aide.

L'extension est visible ici : http://www.vtt-alsace.fr Cela ajoute un avatar à coté du dernier message publié. C'est beau... cependant lorsque l'avatar est trop petit, le texte à coté n'est plus aligné avec le reste :
Image

Je pense que la solution pour que le texte s'aligne bien à droite de l'avatar se trouve dans le fichier CSS suivant :
Code: Tout sélectionner
.lastpostavatar img {
	border: 1px solid #fff;
	display: inline-block;
	margin-right: 4px;
	float: left;
}

.rtl .lastpostavatar img { 
	margin-right: 0px;
	margin-left: 4px;
	float: right;
}

.lastpostavatar img:hover {
	border-color: #73BCD1;
}



... ou alors peut-être dans le code qui génère l'avatar en 30x30px et qui le redimensionne
Code: Tout sélectionner
	/* Generate and resize avatar */
	private function avatar_img_resize($avatar)
	{
		if (!empty($avatar['user_avatar']))
		{
			if ($avatar['user_avatar_width'] >= $avatar['user_avatar_height'])
			{
				$avatar_width = ($avatar['user_avatar_width'] > self::MAX_SIZE) ? self::MAX_SIZE : $avatar['user_avatar_width'];
				if ($avatar_width == self::MAX_SIZE)
				{
					$avatar['user_avatar_height'] = round(self::MAX_SIZE/$avatar['user_avatar_width']*$avatar['user_avatar_height']);
				}
				$avatar['user_avatar_width'] = $avatar_width;
			}
			else
			{
				$avatar_height = ($avatar['user_avatar_height'] > self::MAX_SIZE) ? self::MAX_SIZE : $avatar['user_avatar_height'];
				if ($avatar_height == self::MAX_SIZE)
				{
					$avatar['user_avatar_width'] = round(self::MAX_SIZE/$avatar['user_avatar_height']*$avatar['user_avatar_width']);
				}
				$avatar['user_avatar_height'] = $avatar_height;
			}
			return phpbb_get_user_avatar($avatar);
		}


Merci pour votre aide !
Avatar de l’utilisateur
Binano
Roi des posts
Roi des posts
 
Messages: 650
Enregistré le: 02 Aoû 2005 à 08:36

Re: Aligner le texte à coté de l'avatar du dernier message posté

Messagepar cabot » 06 Juin 2016 à 07:58

Hello,

Votre sujet a été déplacé par un membre de l'équipe.
Origine : modifs de styles
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26896
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Aligner le texte à coté de l'avatar du dernier message posté

Messagepar Binano » 06 Juin 2016 à 08:42

Merci Cabot :oops:

J'ai appliqué cela :
Code: Tout sélectionner
.lastpostavatar img {
	border: 1px solid #fff;
	display: inline-block;
	margin-right: 4px;
	float: left;
min-width: 30px;
min-height: 30px;
}


Ca déforme le mini-avatar mais c'est mieux que rien, au moins tout est aligné.
Avatar de l’utilisateur
Binano
Roi des posts
Roi des posts
 
Messages: 650
Enregistré le: 02 Aoû 2005 à 08:36

Re: Aligner le texte à coté de l'avatar du dernier message posté

Messagepar cabot » 06 Juin 2016 à 13:10

Nope, cela ne fonctionne pas, il reste des retours à la ligne selon le navigateur utilisé. Le problème est dû à la longueur des mots utilisés dans le titre.

Il faudrait soit augmenter encore un peu la hauteur mini (~45px) soit diminuer la largeur maxi (~ 12px).

Et pour éviter d'avoir des images floues si tu autorises l'emploi de gravatar, il est préférable de modifier directement la valeur dans le fichier listener.php plutôt que dans le CSS :
Code: Tout sélectionner
const MAX_SIZE = 30; // Max size img


Ou alors afficher l'image sur la droite en modifiant la valeur de float dans cette règle CSS :
Code: Tout sélectionner
.lastpostavatar img {
	border: 1px solid #fff;
	display: inline-block;
	margin-right: 4px;
	float: left;
}
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26896
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque


Retourner vers Support des extensions non présentes dans notre base de données

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités