Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 le Mars 16th 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:
Ajouter l'avatar du membre à côté de la réponse rapide Quickr10

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 {
    left: 15px;
    position: relative;
    top: 35px;
    max-width: 100px;
    max-height: 160px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}


Tech

Tech
Modéractif
Modéractif

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

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


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