We’ve made a small change the blog for those of you who like to print things. We’ve added a “print” style sheet. As you might guess the print style sheet is used when you print (duh, isn’t that obvious) and you can do things like suppress your side bars etc.
If you want to add it to your own blog it’s quite easy. First you need to define the style sheet in within your head tags like this:
<link type="text/css" media="print" href="http://www.example/com/css/print.css" rel="stylesheet" />
The key parts are media=”print” and then the proper href to your style sheet.
What you put in the print style sheet is really up to you. We decided to drop a number of the visual elements, the top navigation and the sidebar. They are great when you are viewing on-line but don’t really help on a printed copy. Here is a small snipped of our print style sheet:
#sidebars { display: none; }
#footerlinks { display: none; }
sociable { display: none;}
As you might guess, the display: none causes that division to not be rendered/displayed.
So if it makes sense for your blog, it’s really quite easy to add support for printing. It may take a little extra time to keep the two style sheets in syc but it’s a feature your readers may really enjoy.
Want to get the latest Doreo Hosting new delivered directly to your inbox? Enter you email address below.
