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

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; }