Forums / Setup & design / HELP: how to style printer friendly page

HELP: how to style printer friendly page

Author Message

Ole Brudvik

Wednesday 24 August 2005 6:42:58 am

Just managed to get printerfriendly pages. Bu we need to style them. How to do this.

Thanks alot!

Ole

Dominik Stoeppel

Friday 26 August 2005 3:03:33 am

hi,

I have copied \design\standard\print_pagelayout.tpl to my design folder and add <link rel="stylesheet" type="text/css" href={"stylesheets/print.css"|ezdesign} /> to the head. This is a copy of my normal css style; changed to printer friendly version.

In my articles etc. are some parts (comments ..)that should not be printed. So I add this to the print stylesheet :

.hideprint {
DISPLAY: none
}

Arround the parts not be printed in pages/templated I add :

<div class="hideprint">
.....
</div>

A link to change to print version in new window for example :

<a href={concat("/layout/set/print/content/view/full/",$node.node_id,"/")|ezurl}" target="_blank"><img src={"b_print.gif"|ezimage}></a>

Dominik Stoeppel

Friday 26 August 2005 3:11:44 am

another way could be :

<link rel="stylesheet" ....style.css" type="text/css" media="screen">
<link rel="stylesheet" ....print.css" type="text/css" media="print">