Peut-on remplacer une icone de message ?

[Patapin]

Bonjour,  

Je suis administrateur du forum PunBB situé ici : https://litteranotes.forumactif.com/

Comme je ne vois pas bien certaines icones, je me demandais s'il y avait possibilité de les modifier.

J'ai vu qu'il y avait plein de possibilités dans le panneau d'administration -> Afichage -> Gestion des images -> Mode Avancé, avec :
Général / navigation
Icônes du forum
Icônes des sujets
Icônes de messages
Mini icônes
Boutons
Galerie

Mais je crois que ce qui m'intéresse serait dans la barre des Icônes de messages.


Je souhaiterais modifier par exemple l'icone Insérer un lien, est-ce possible ?

[Toryudo]

Bonjour !
Oui, vous pouvez modifier l’icône en ajoutant ce CSS dans votre CSS personnalisé :

Code:

.sceditor-button-link div {
  background-position: 0!important;
  background-image: url(votre_image_ici);
}

Remplacez votre_image_ici par l'url de votre image.
Pour information, les icônes actuelles font 16x16 ; si vous faites plus petit ou plus grand, le résultat visuel ne sera pas optimal !

[Patapin]

Bonjour Toryudo,

C'est très aimable de votre part de m'aider, et je vous remercie pour la feuille CSS.

Mais avant que je fasse une "bêtise", comment pourrai-je revenir à l'image originelle si la nouvelle ne me convient pas ?

Et d'une manière générale, quels seraient les codes pour chacune des images de la barre des icones de message ? Où trouver également les icones eux-mêmes (pour les dremettre si besoin était) ?

[Toryudo]

Bonjour !

Si vous faites des bêtises, il suffira de supprimer le CSS en question pour retrouver les images habituelles !

Alors, toutes les icônes sont ici : https://servimg.com/view/20362415/49

Tout est dans la même image, et ils fonctionnent avec un CSS "background-position" pour recadrer en fonction de l'icône à afficher, c'est pour ça qu'on est obligé de mettre un "background-position: 0;" si on met une autre image à la place. Par contre, si vous voulez remplacer toutes les icônes, on va faire autrement : il suffira de créer une nouvelle image contenant toutes les icônes (dans le même ordre qu'ici https://servimg.com/view/20362415/49) et changer le CSS en :

Code:

.sceditor-button div, div.sceditor-grip {
  background-image: url(votre_image_ici);
}

[chattigre]

Bonjour,



Pour un bouton en général, le code est le suivant :

Code:

.sceditor-button-ID div {
  background-position: 0!important;
  background-image: url(votre_image_ici);
}

En remplaçant id par (dans l'ordre de l'éditeur) :

Liste:

Bonne journée

[Patapin]

Bonjour !

Si vous faites des bêtises, il suffira de supprimer le CSS en question pour retrouver les images habituelles !

Alors, toutes les icônes sont ici : https://servimg.com/view/20362415/49

Merci beaucoup por ces infos, voilà qui me rassure.
Je n'arrive pas à ouvrir vos liens, dois-je procéder selon un certain protocole ?

Bonjour,

Pour un bouton en général, le code est le suivant :

Code:

.sceditor-button-ID div {
  background-position: 0!important;
  background-image: url(votre_image_ici);
}

En remplaçant id par (dans l'ordre de l'éditeur) :

Bonjour chattigre,

C'est super votre liste et votre code, je vous en suis reconnaissant.