Project: BlogSphere V3 (Managed by )
Subject
Enhance printing by hiding sideblocks and comments form
Posted by
Thomas Bahn on 03/16/2007 at 04:06 PM
Details
When printing entries with our two column layout, I didn't like the unnecessary side blocks column nor the comments form (for new comments), so I decided to hide them for printing.
This is quite easy to do in CSS. I have added the following lines to the Extended Skin section of our skin after this line:
.layout-two-column-right #beta:
@media print {
.layout-two-column-right #alpha{
width:100%;
}
.layout-two-column-right #alpha-inner.pkg{
border-right:0px solid black;
}
.layout-two-column-right #beta{
display: none;
}
form#content_Comment{
display: none;
}
}
The first part makes the main column as wide as the page.
The second part hides the separation line.
The third hides the side block column.
The forth hides the comments form.
Modification history
| Entered 16-Mar-2007 16:06 by Thomas Bahn. Last Modified <none> by <none>. |
Feedback
Check out other projects
Anonymous