Ajouter l'avatar du membre à côté de la réponse rapide

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

  • 0

Astuce Ajouter l'avatar du membre à côté de la réponse rapide

Message par Tech Sam 16 Mar 2013 - 17:35

Ajouter l'avatar du membre à côté de la réponse rapide

A travers ce tutoriel, vous allez apprendre à placer l'avatar du membre à côté de la réponse rapide, si celle-ci est activée. Ce tutoriel fonctionne sur toutes les versions à l'exception de ModernBB, et d'AwesomeBB (puisque déjà présent par défaut).


Voir l'exemple:

Installation du Javascript

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript est activée, puis créez un nouveau javascript ayant pour titre "Avatar réponse rapide" et pour placement "les sujets".

Insérez-y le code suivant :
Code:
jQuery().ready(function() {
  $("#quick_reply").prepend("<div id='av_quickreply'>"+_userdata.avatar+"</div>");
});


Installation du CSS

Panneau d'administration  Affichage  Couleurs - Feuille de style CSS

Insérez ce code dans votre feuille de style personnalisé :
Code:
#av_quickreply img {
  max-height:160px !important; /* définit la hauteur maximale de l'avatar */
  max-width:100px !important; /* définit la largeur maximale de l'avatar */
}

#av_quickreply {
  position:absolute;
  left:15px; /* changez "left" en "right" pour positionner l'avatar à droite */
  top:35px;
}
 
form#quick_reply {
 position: relative;
}




Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

Voir le profil de l'utilisateur https://forum.forumactif.com/
Tech 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