Wednesday, April 14, 2010

Trigger Warning Badge

Trigger WarningFor reasons I explain in a post on my primary blog, I've decided it would be a good idea to create an icon for the canonical "****TRIGGER WARNING****" text many bloggers sensibly use to warn readers that potentially disturbing subject matter will be discussed.

I took a couple of minutes with Photoshop and, thanks to a randomly-Googled tutorial (from CSS Creme design site) I put together a colorful little badge that people can use instead. If they don't want to create their own.

Use the following HTML code to insert the image in your own posts

<img alt="Trigger Warning" title="Trigger Warning" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRTooGCAUeSxlYp8qEB82VB8spZiPsU3lK8oTbBj6tw69vUYK3ZcSCebDDZ9V1wv-RyKZdDyMvN-4dKR76_GxZM1JEYewuHsxJ-k1zPGV6_5ZtMk6sxgtdUc884s6NQ-ObCm_Pdg/s1600/TriggerWarning.png" style="float: left; margin: .5em;"/>

That will float the image on the left-hand side of whatever paragraph you insert it in, allowing the surrounding text to flow around it.

I do think it's a good idea to replace the text with a graphic. (The HTML title and alt-text ensure accessablity on alternative browsers.) Feel free, of course, to make and use your own instead.