Nouveauté: Affichage de l'avatar dans la chatbox

[Shadow]

Nouveauté: Affichage de l'avatar dans la chatbox

Bonjour à tous, Nous avons le plaisir de vous annoncer qu'une nouvelle fonctionnalité a été développée pour vos forums. Il s'agit de l'affichage de l'avatar du posteur dans la chatbox. Cette fonctionnalité est paramétrable dans le Panneau d'Administration > Modules > Chatbox > Configuration: Comme vous pouvez le voir, dans la version classique sans avatar, nous n'avons rien touché et avons gardé exactement le même affichage que d'habitude. Cependant, lorsque cette option est activée, l'heure du message est alignée à droite dans un souci de lisibilité et le texte est posté à la ligne après le pseudo. Exemple: Pour personnaliser l'affichage, voici le code CSS de base de cette nouvelle option: Bien spécifier !important pour que les modifications soient prises en compte :warning CSS: Code: /* Taille des avatars */ #chatbox .cb-avatar > img {   height: 30px;   width: 30px; } /* Calque des avatars */ #chatbox .cb-avatar {   float: left;   margin-right: 4px;   background: none repeat scroll 0 0 #fff;   border: 1px solid #d5d5d5 !important;   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);   height: 30px;   padding: 1px;   vertical-align: middle;   width: 30px; } /* Ligne de séparation */ #chatbox > p {   border-bottom: 1px solid #d5dde5; } En espérant que cette nouveauté vous plaise! Cordialement, L'équipe ForumActif!

[kiwi14637]

Yes ! Nouveauté très attendue pour la chatbox !

Merci !

[Quecha_wgt]

Super bonne idée ......
Mais j'aimerais tellement qu'on puisse augmenter le temps de connexion.
C'est prévu prochainement ?

Merci d'avance

[Celiwyr]

Ooooh, c'est une bonne idée !
Ça marche parfaitement chez moi, mais j'aurais une petite remarque à faire. '^'

Dès que les avatars ne sont pas carrés, ils sont complètement déformés. (Typiquement, beaucoups de forums ont des ava en 200*320 ou en 200*400 pixels)
J'ai bien essayé de changer la class "Cb-avatar" pour tester, mais ça ne change que l'encadré blanc, et pas l'image en elle-même.

Ça serait possible de pouvoir changer la taille de l'avatar affiché pour éviter les déformations ? Genre 20*40 pour les avas en 200*400, 20*32 pour les avas en 200*320...
Que ce soit grâce au CSS ou avec une ligne directement dans la page chatbox du module...

Merci d'avance, et beau boulot, encore une fois ! ♥

[petitefeuille]

merci superbe idée , bonne soirée à vous

[TOM_@]

Merci à vous pour cette nouveauté fort bien utile.

[Kinotto]

Une très bonne idée, merci !

[Ati fives]

Je trouve sa Super
MERCI

par contre sa réduit considérablement l'espace pour l'écriture

[Celeborns]

Très bonne nouvelle !
Merci à vous !

[Shadow]

Bonjour à tous,

Nous sommes heureux d'apprendre que cette nouvelle option vous plaise!

Pour ceux qui souhaitent personnaliser l'affichage, voici le code CSS de base pour ces avatars:

CSS:

Code:

/* Taille des avatars */

#chatbox .cb-avatar > img {
  height: 30px;
  width: 30px;
}

/* Calque des avatars */

#chatbox .cb-avatar {
  float: left;
  margin-right: 4px;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d5d5d5 !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 30px;
  padding: 1px;
  vertical-align: middle;
  width: 30px;
}

/* Ligne de séparation */
#chatbox > p {
  border-bottom: 1px solid #d5dde5;
}


Cordialement,
Vivi.

[1XMisterX1]

Coucou, 

Excellente idée !  
Je viens d'activer cette fonctionnalité sur mon forum et j'adore ^^ 

Merci à vous !

[Peggy06]

Bonjour,
Merci beaucoup pour cette nouveauté. Je vais être un peu "désagréable" Y-a-t-il prévu un son pour les nouveaux messages. Mais je renouvelle mes mercis pour tout ce que vous faites.

[Ahiwo]

Salut et un très grand merci à vous. Je vous aime

[Alantka]

Voilà une nouveauté que j'attendais impatiemment, je suis vraiment ravie de la voir enfin arrivée !
Un très grand merci à toute l'équipe !

[Ahiwo]

cool cool cool et très cool

[Kotomine]

Voilà une chouette nouveauté merci ^^

J'ai cependant un souci. J'ai essayé de modifier la taille des avatars affichés pour les mettre en 25x40px et mettre la bordure autour en noir en utilisant les styles que vous avez fourni, mais cela ne fait aucun changement.

J'ai regardé si cela venait de mon cache et tenté de cibler autrement l'avatar mais je n'ai eu aucun changement.

[Mcgénia]

Bonsoir,

Je viens de l'activer et merci à toute l'équipe pour cette nouveauté.

Cordialement.

[totodu45]

bonjour,
cher mois sette nouveauter marche que pour seus qui n'om pas d'avatar si sertin on un avatar sa ne lafiche pas
cdt

[totodu45]

pardon ses mois qui avais fait un betise sa marche tres bien

[Desolation]

Merci beaucoup .

[WyvernNE]

Merci pour la nouveauté!
Je rencontre toutefois le même problème que Kotomine:

J'ai essayé de modifier la taille des avatars affichés pour les mettre en 25x40px et mettre la bordure autour en noir en utilisant les styles que vous avez fourni, mais cela ne fait aucun changement.

J'ai regardé si cela venait de mon cache et tenté de cibler autrement l'avatar mais je n'ai eu aucun changement.

[Shadow]

Voilà une chouette nouveauté merci ^^

J'ai cependant un souci. J'ai essayé de modifier la taille des avatars affichés pour les mettre en 25x40px et mettre la bordure autour en noir en utilisant les styles que vous avez fourni, mais cela ne fait aucun changement.

J'ai regardé si cela venait de mon cache et tenté de cibler autrement l'avatar mais je n'ai eu aucun changement.

Merci pour la nouveauté!
Je rencontre toutefois le même problème que Kotomine:

J'ai essayé de modifier la taille des avatars affichés pour les mettre en 25x40px et mettre la bordure autour en noir en utilisant les styles que vous avez fourni, mais cela ne fait aucun changement.

J'ai regardé si cela venait de mon cache et tenté de cibler autrement l'avatar mais je n'ai eu aucun changement.

Bonjour,

Avez-vous bien spécifié !important lors des modifications CSS? Cela fonctionne pour moi.

c'est pas joli mais c'est pour l'exemple ^^

Code:

/* Calque des avatars */
 
#chatbox .cb-avatar {
  float: left;
  margin-right: 4px;
  background: none repeat scroll 0 0 #000 !important; /* Fond */
  border: 1px solid #d5d5d5 !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 40px !important; /* Hauteur */
  padding: 1px;
  vertical-align: middle;
  width: 30px !important; /* Largeur */
}
 

Cordialement,
Vivi.

[WyvernNE]

Arf, je crois que je m'y ferai jamais à ce !important....merci Vivi!

[WyvernNE]

J'ai cependant un autre soucis, l'affichage du pseudo est parfois à la même ligne que mon @, parfois il est en dessous.

[Shadow]

Bonjour WyvernNE,

Pouvez-vous ouvrir un sujet dans la section appropriée pour un meilleur suivi des problèmes signalés (avec capture d'écran si possible)? Merci.

[Kotomine]

Bonjour,

Avez-vous bien spécifié !important lors des modifications CSS? Cela fonctionne pour moi.

Bonjour,

Il s'agissait bien des importants qu'il manquait, cela fonctionne désormais, merci

[Shakti_OM]

Merci ! Excellente idée !
et ça fonctionne

[phinolex1]

Très bonne idée ! Merci l'équipe !

[brother]

Activé

:thanks: pour cette option !

[Invité]

Très bonne nouvelle !
Merci à vous ! je latender si vous avez d'autre idee pour le chat box je suis pour merci l'equipe forumactif


EDIT modération : balises "size 24" et "gras" supprimées.