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

Les icônes de messages

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

  • 0

Tutoriel Les icônes de messages

Message par Lezebre le Ven 22 Fév 2008 - 14:37

Les icônes de messages


Les icônes de messages sont des imagettes (images de petites dimensions) qui, dans la liste des sujets d'un forum et/ou des messages dans la messagerie privée, vont illustrer - par exemple - l'humeur de l'auteur ou le statut du message. L'affiche des icônes de message dépend de la version du forum choisie :

Voir illustration:
Version PhpBB2 a écrit:

Version PhpBB3 a écrit:

Version PunBB a écrit:

Version InVision a écrit:

Version ModernBB a écrit:

Version AwesomeBB a écrit:

Créer une icône de messages

Panneau d'administration  Affichage  Images et Couleurs  Gestion des images (mode avancé) - Icônes de messages
Voir illustration:

Cliquez sur le bouton et complétez les champs suivants :

  1. Nom de l'icône : le nom de l'icône affichera lorsque l'utilisateur passera sa souris sur le lien ou sur l'icône ;
  2. Icône : vous avez la possibilité de mettre le lien d'une icône que vous avez préalablement hébergé (sur Servimg par exemple) ou à partir des smilies de votre forum ;
  3. Niveau d'autorisations : l'icône ne sera accessible qu'aux utilisateurs ayant au moins ce niveau d'autorisation ;
  4. Utilisé par défaut : affiche automatiquement l'icône si une annonce et/ou une note et/ou un message (normal) est (sont) publié(s) sur le forum sans qu'une icône de messages ne soit sélectionnée par un utilisateur.
Voir illustration:

A noter que vous ne pouvez que créer 25 icônes de messages au maximum.


Gérer les icônes de messages

Panneau d'administration  Affichage  Images et Couleurs  Gestion des images (mode avancé) - Icônes de messages


  1. le bouton : permet de modifier les paramètres de l'icône de messages sélectionnée (se conférer au point 1. de ce tutoriel) ;
  2. Le bouton : permet de supprimer l'icône de messages sélectionnée ;
  3. Les boutons ou : servent au déplacement des icônes de messages. L'ordre des icônes de messages dans le Panneau d'Administration sera le même que dans un message (se conférer au point 3. du tutoriel).



Utiliser une icône de messages

Lorsque une icône de messages est créée, elle apparaît lors de la composition d'un nouveau message, au-dessous de la zone Titre du sujet :


Pour affecter une icône de message au sujet courant, il suffit de sélectionner l'icône souhaitée avant de valider son message. Une icône de message peut également être choisie lors de l'édition du premier message dans le sujet.


Gérer l'affichage d'une icône de message (Phpbb3)

Pour la version PhpBB3, les icônes de messages viennent naturellement se superposer à l'icône de sujet, dans la même colonne. Il est possible, grâce au CSS, de maîtriser la position des icônes de messages, afin de donner une apparence PhpBB2 (icônes de messages dans une colonne à droite des icônes de sujet) :

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

Code:
dl.icon {
   min-height:Xpx;
   background-position:left top;
   background-repeat:no-repeat;
   height:auto !important;
}
ul.topics dt {
   padding-left:Y+Zpx;
   display:block;
   float:left;
   width:50%;
}
.row dl.icon dt {
   background-position:Ypx 5px;
   min-height:Xpx;
   height: auto !important
}

Il convient de remplacer :

  • X par la hauteur de l'icône de sujet ou de l'icône de message (en se basant sur la plus grande valeur parmi ces icônes), augmentée de 5 ;
  • Y par la valeur de la largeur de l'icône de sujet, augmentée de 5 ;
  • Y+Z par la somme (largeur de l'icône de de sujet + largeur de l'icône de message) (augmentée éventuellement de 5 à 10 pixels de marge).


Il vous suffit donc de copier le style CSS ci-dessus, de le coller dans la feuille de style de votre forum, de modifier les valeurs en conséquence, puis de valider en cliquant sur le bouton Valider.



Dernière édition par Walt le Mar 18 Sep 2018 - 13:01, édité 6 fois
avatar

Lezebre
Membre actif

Masculin
Messages : 3055
Inscrit(e) le : 07/03/2007

http://lezebre.superforum.fr
Lezebre 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