Welcome back! If you're wondering what happened the last two weeks, I decided to give the series a two-week break. Mostly to build up the ideas, but also to give your eyes a break. I doubt either worked, but on we shall press! If you want to read the other articles, check out Getting the most out of your CSS Journals! which has the list of the previous week's articles. With that out of the way, on we shall go!
Custom mood images
With dAv5 came a whole heap of new "Mood" icons, little animated dudes that you could set as your journal mood. However these weren't enough for most. If you could do your own custom emotes in journals (ie. using the :thumb: notation), or using :icon: to display 50x50 avatars, why could you not do your own custom mood images? With this simple CSS / HTML hack, you can! This simply involves laying our image over the top of our mood image. Here's the code: