Tuto : Les icones de messages

[lezebre]

Qu'est ce qu'une icone de messages ?

Les icones de messages sont des imagettes (images de petites dimensions) qui, dans la liste des sujets d'un forum, vont illustrer - par exemple - l'humeur de l'auteur, ou le statut du message.

Voici un exemple dans un forum phpBB2 :

Les icones de messages sont disposée dans la colonne immédiatement à droite des icones de sujet

Et un exemple dans un forum phpBB3 :

Nous noterons que, dans un forum phpBB3, les icones de messages sont naturellement disposées dans la même colonne que les icones de sujet, par dessus ces dernières.


Installez les icones de messages sur votre Forum

Rendez-vous dans le panneau d'administration :

Affichage
Images et couleurs
Gestion des images,
Mode avancé,
Onglet Icônes de messages


Cliquer sur le bouton CREER pour installer une nouvelle icone de message

1. Indiquer ici le nom de l'icone de message - Ce nom apparaitra dans une info-bulle (et dans la barre d'état du navigateur) au survol de la souris, lors de la composition d'un message
2. Indiquez ici l'adresse internet de l'imagette voulue (si cette image a déjà été hébergée), ou sélectionnez une icone dans la liste
3. Choisissez ici le niveau de permission minimum requis pour que le posteur puisse disposer de cette icone de message
4. Si cette imagette doit être systématiquement utilisée (à défaut d'autre choix) pour un message Normal, un post-it ou une annonce, cochez la (les) case(s) correspondante(s)
5. N'oubliez pas d'enregistrer

Vous pouvez installer 25 icones de messages au maximum
Renouvelez l'opération autant de fois que nécessaire


Marquez un sujet avec une icone de message

Lorsque les icones de messages sont installées, elles apparaissent lors de la composition d'un nouveau message, au dessous de la zone "Titre du sujet" :



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

Cette icone apparaitra alors à droite de l'icone de sujet (phpBB2) ou par dessus l'icone de sujet (phpBB3) dans la liste des sujets du Forum.

[lezebre]

Nous l'avons vu plus haut :
- dans un forum phpBB3, les icones de messages viennent naturellement se superposer à l'icone de sujet, dans la même colonne

Il est possible, grâce au CSS, de maitriser la position des icones de messages, afin de donner une apparence phpBB2 (icones de messages dans une colonne à droite des icones de sujet)


Accéder à la feuille de Style CSS

Dans le panneau d'administration :

Affichage
Images et couleurs -> Couleurs
Onglet "Feuille de style CSS"

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'icone de sujet ou de l'icone de message (en se basant sur la plus grande valeur parmi ces icones), augmentée de 5
Y par la valeur de la largeur de l'icone de sujet, augmentée de 5
Y+Z par la somme (largeur de l'icone de de sujet + largeur de l'icone 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" (et non pas "Enregistrer" situé plus bas)