Posted 2 years ago #
Sometimes I have links to content that may not be suitable for work. I'd like to designate the link as such somehow without just writing the acronym next to it. Maybe a tiny icon (12x15 or so) or some other nifty way to letting the reader know that the link is nsfw, but nothing that distracts from the blog post content itself.
If anyone has any suggestions as to how to do this, or examples of how they did it, I'd be interested.
I have done this where everytime I have linked to a Word Doc a small icon is displayed next to the text. I assigned a class the paragraph it is contained in called "link" e.g.
<p class="link"><a href="document.doc">Download this Document</a></p>
Then in my CSS I use the following:
.link a[href$=".doc"]{
background: url(images/icons/word-link-icon.jpg) no-repeat right top;
padding-right: 13px;
}That tends to work well. You could use a different icon?
Posted 2 years ago #
You automatically assign your image to NSFW posts by adding a tag or custom meta field to the questionable posts and editing your theme to look for the tag/field and display the image. If you are linking to outside content from a post, equalmark's suggestion seems like a good one.
This topic has been closed to new replies.
