When you click a sticker it will add it to the composer.
The image markdown code is going inside [wrap=sticker] img [/wrap] which means the sticker images are targetable separately from the other images.
The stickers are always goes to new line and contains title and size. The size now fixed 180x180px. Each stickers has a shadow which makes the image more stickery…
In the composer and posts the hover - meta information are hidden with CSS.
How to setup?
First you need to upload the images you want to use for stickers. Simple upload these images in a topic post.
We will work with these images we need the image url and markdown url.
I uploaded the image in a post. I use the optimized version of the image url. Which is found here but you can use whatever url of the image.
Managing the stickers is a bit tedious – especially the preview part – as they isn’t a specific, dedicated layout or feature to do this (like there is with avatars and custom emojis), but I understand it would be much more work.
The drop shadow filter is disabled when a gif is stopped, and doesn’t appear as a square background on the middle image here (a rectangle jpg which triggers a lightbox):
The filter effect is really neat, but I’d put it as an optional setting
If you can allow administrators to create sticker groups and users can customize sticker selection according to each group of their favorite topics.
And further, recommend based on the installed icon when a user uses an icon in an article, but I think this is a difficult feature.