How-To Set Up A Print Style Sheet

retro-printer

One of my first website clients asked that their printouts look better.

At first, it took me off guard. It is a website after all.

However, they were in the real estate business, so it totally made sense why they wanted their property listings to print out good. Not only did potential clients print out the properties, but they would use their own website as a resource, too.

Since I hadn’t gotten my hands very dirty using WordPress, yet, I poked around until I found a plugin that suited the job. Eventually, it became outdated and broke.

Typical.

Recently, Smashing Magazine posed a tutorial on how to build your own print style sheet!

Check this out:

They took this fictional website that renders like such:

By default, this webpage would print out like this:

It’s not really bad, but it certainly isn’t good, either.

After a detailed tutorial and explanation of the CSS magic, the tweaked print style sheet printed out like so:

Now, that’s pretty.

Learn how to do this yourself on the Smashing Magazine website and grab the finished print style sheet here.

:D

[via Smashing Magazine | Image via Blake Patterson]

6 SHARES

Eric Dye

I am an entrepreneur and human rights advocate. I spend most of my time as writer and editor for ChurchMag and Finding Justice, but you can also find me working on Live Theme and for the International Human Rights Group. All while enjoying my family and sipping espresso in Italy.

What would you like to say?

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>