content top
Creating Printable Horse Brochure

Creating Printable Horse Brochure

Having an avenue of getting your horse for sale in the hands of others is now easier then ever. As a matter of fact, any type of brochure can be created online for visitors to your website to print. If you are a horse farm, stallion owner, horse trainer, equine professional, having a brochure that someone can leave with when they go away from your site can help in your marketing needs. The good part of this is that it is free to you. You do not have to go out and spend hundreds of thousands of dollars on paper and print cartridges anymore. Here is the basic concept that I used on Equine Reproduction Concepts website for visitors to print out stallion brochures.

The Stallion Web Page

webpage

This is what is seen on the web page when someone looks at the stallion information. Here they can get all the details about the stallion from a full description to a send to friend feature. Different content is put in different tabs so the content does not force the visitor to scroll down the page. Now lets say someone wants to print this information to keep the stallion in mind for breeding their mare to. If they went to print this page as is it would be broken apart and not very pleasant of a print out because the web page is structured differently then a print page. So we created content that is not seen on screen that can be seen when someone goes to print.

The Stallion Print Brochure

brochure

If you went to File >> Print Preview, you would see what you see above. This is much cleaner and easier to print and has been formatted for printing purposes. This allows visitors to easily print information that they can keep long after they have left your website. Again, if you have any business you do in the horse world, what better way would there be to get a brochure in the hands of your visitor. So how do you do this? Below is the explanation with code you can copy into your webpage if you manage your own site.

How To Set Up Horse Brochure

In the header of your web page, or in your CSS file, add the following code. You can copy and paste the code right into your page:

@media print {
 
.unprintable {
display: none;
}
.printable {
display: block;
}
 
}
@media screen{
.printable {
display: none;
}
}

The code above tells what should be displayed in the printable page and what should be displayed in the web page. Then it says what should not be shown in the printable page.

After this you will add the following to the body of your web page code:

<div class="unprintable">
<!--This is where all of your web page code is inserted-->
</div>
<div class="printable">
<!--This is where all of your printable brochure goes-->
</div>

How you lay out your web page, or how it already is laid out, is up to you or your webmaster. The same goes for the printable brochure. But adding the CSS code and the classes before and after your code will allow you to seperate what someone sees on screen and in print. This method will help you in creating a free brochure.

I hope this is helpful in your horse marketing needs. Anyway we can promote the horse is of benefit, and my hopes are this benefits you.

Have a great day.

God Bless,
Rob

Email To A Friend Email To A Friend  | Print This Page Print This Page

Tags: , , ,



Leave a Reply

Call SEMS Design today for free estimate
Receive a free quote today
We accept credit cards