Brian
|
Hi Folks,
Can anyone tell me how to produce a print css for Artisteer. Currently if I select Print from Explorer I get a really rubbish print result.
|
| |
Dave Porter
|
print.css
Which Artisteer does not generate....
But easy to do...
Here's a couple of good articles from well know sources...
http://www.pmob.co.uk/faqcss/tutorial03/
http://www.alistapart.com/articles/goingtoprint/
HTH - Dave
|
| |
khug
|
Brian, you can try the lazy method I use: in the exported page, just copy the line
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
and paste it just below. Then change the screen at the end to print
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
This works on all the templates I have tried
|
| |
Brian
|
Thanks guys I'll try those suggestions as soon as I can get my laptop away from the kids!!
Regards
Brian
|
| |
Steve
|
Quote khug:
Brian, you can try the lazy method I use: in the exported page, just copy the line
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
and paste it just below. Then change the screen at the end to print
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
This works on all the templates I have tried
Hi, I am having the same difficulty and am not sure which file you refer to in this post... Looked in style.css, but couldn't find this line...
Steve
|
| |
Garry
|
Quote Steve:
Hi, I am having the same difficulty and am not sure which file you refer to in this post... Looked in style.css, but couldn't find this line...
Steve
Open your page.html and find out the following:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
insert a new line after it:
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
Now your site will use same style sheet both for rendering in browser and printing.
If want different styles while printing you should change the style.css to another name like print.css create a new style sheet having rules for printing.
|
| |
Nathon
|
Simplify your code with a comma:
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
|
| |
Pam T.
|
Quote Nathon:
Simplify your code with a comma:
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
Thanks, Nathon! Simple and effective!
|
| |
Anne
|
Quote Garry:
Quote Steve:
Hi, I am having the same difficulty and am not sure which file you refer to in this post... Looked in style.css, but couldn't find this line...
Steve
Open your page.html and find out the following:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
insert a new line after it:
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
Now your site will use same style sheet both for rendering in browser and printing.
If want different styles while printing you should change the style.css to another name like print.css create a new style sheet having rules for printing.
How do I do this in a Wordpress template? I only have page.php, I think. Thanks!
|
| |
Jason
|
Quote Garry:
Quote Steve:
Hi, I am having the same difficulty and am not sure which file you refer to in this post... Looked in style.css, but couldn't find this line...
Steve
Open your page.html and find out the following:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
insert a new line after it:
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
Now your site will use same style sheet both for rendering in browser and printing.
If want different styles while printing you should change the style.css to another name like print.css create a new style sheet having rules for printing.
I for the life of me can't find page.html . Can anyone tell me where this would be at? I am currently using Joomla 1.5 and Artisteer 2.4
|
| |
Robert
|
Quote Jason:
Quote Garry:
Quote Steve:
Hi, I am having the same difficulty and am not sure which file you refer to in this post... Looked in style.css, but couldn't find this line...
Steve
Open your page.html and find out the following:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
insert a new line after it:
<link rel="stylesheet" href="style.css" type="text/css" media="print" />
Now your site will use same style sheet both for rendering in browser and printing.
If want different styles while printing you should change the style.css to another name like print.css create a new style sheet having rules for printing.
I for the life of me can't find page.html . Can anyone tell me where this would be at? I am currently using Joomla 1.5 and Artisteer 2.4
Jason,
If you are using Joomla!, you will need to edit the index.php file your template folder.
Robert
|
| |
Armin
|
Been looking for this solutions a long time - works like a charm! Since it took me a while too, here is how to modify the code in Joomla:
1. Go to Template Manager
2. Click on the template whose code you want to modify
3. Click the "edit HTML" button
4. Now you see the code - find the line to be modified <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> and add a comma and the word print after screen
5. It will look like this: <link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
6. Click apply or save and check it out - now your pages print as on screen
7. Perfect, and thanks again to all who helped!
|
| |
Jason
|
Quote Armin:
Been looking for this solutions a long time - works like a charm! Since it took me a while too, here is how to modify the code in Joomla:
1. Go to Template Manager
2. Click on the template whose code you want to modify
3. Click the "edit HTML" button
4. Now you see the code - find the line to be modified <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> and add a comma and the word print after screen
5. It will look like this: <link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
6. Click apply or save and check it out - now your pages print as on screen
7. Perfect, and thanks again to all who helped!
Thanks for the help Armin, but when I did this the header, border around the articles and the border around the sheet still do not show up. Also the only thing that shows up on my verticle menu is the name of each page. Does anyone know how I can get them to show up also?
|
| |
Whimsical
|
Usually the whole point of a print style sheet is to strip out any unnecessary formatting.
Most ppl when they print a page, do not want all the fancy colours, formatting etc etc.. majority of it serves no purpose except to waste paper and ink.
That heading that looks great at 48px on a site.. wont necessarily look great printed at that size or in the same font.
That navigation menu that gets printed as well.. is of no use on a piece of paper.. it serves no purpose in printed format..
One web page..printed as a web page.. might take up 5 pages of paper.
With a bit of forethought.. and careful css... you can get the necessary info and only the info that is required.. and maybe cut it down to 2
Just my 2c worth however I think you are better off learning how to create your own style sheets for printing... coz then you can apply that knowledge to other sites and scenarios too
|
| |
Dave Porter
|
Hi Whimsical,
This was the point I was making at the beginning of the thread!
Just making the stylesheet the same as the default screen one only achieves printing the page the same as it looks - but this often results in an ugly output to the printer, hence the need for a print specific style sheet...
cheers Dave
|
| |
Whimsical
|
Hey there Dave :)
Yeah ..realise that.. was in reference to the ppl saying to just add print medium or use the current style sheet for printing.
and yes.. I agree.. it would be great if it did include a print friendly style sheet too.
Having said that.. ppls content varies so greatly.. what looks great for one..wont necessarily look great for another once ppl have added their content into their website, so it can also get a bit tricky with a 'generic' style sheet for printing.
|
| |
butterfly
|
Hello,
I'm haveing the same problem i would like the printing to look like the screen and also the pdf.
The printing is just doing the title and content it do not show any css even the tables are not showing the lines. and the pdf is not working at all it do not show nothing.
I try to look for the line of code you all mention
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
But i couldnt find it on any of my joomla site files
|
| |