Forum Moderators: not2easy

Message Too Old, No Replies

Text or Printer version of articles

         

iluminatae

11:45 am on Dec 18, 2004 (gmt 0)

10+ Year Member



I finally got all my pages on this website of mine to validate for xhtml strict and css - yippee!

Now the next step is to make a printer or text version of each article so users can print off the articles if they want. Is this simply a matter of making a copy of each article linked to a new style sheet that changes the layout of each page to black text on white background?

Never_again

6:01 pm on Dec 18, 2004 (gmt 0)

10+ Year Member



Is this simply a matter of making a copy of each article linked to a new style sheet that changes the layout of each page to black text on white background?

You certainly could do it this way. The approach you want to take has as much to do with how many pages you have on your site and how often they change. With few pages that change little, your method would work fine. If you have lots of pages that change often, you have just doubled your work load.

There are "Print-This" scripts you could use. Just do a Google search on "Print-This" scripts and you should find lots of possibilities.

There are also services that do it for you (you just add a little java script to each page). We use a service since we have over 2,000 pages many of which change often -- the same one used by CNN, Wall Street Journal and others. It is not expensive. Sticky mail me if you want more information.

zooloo

6:10 pm on Dec 18, 2004 (gmt 0)

10+ Year Member



You could use different media in your link to css file.

media=print only gets used when they er... print.

Use the display tag to hide navigation and other bits that are useless in the print version.

You can also set <p> tags, etc, to points for print.

zoo

iluminatae

5:16 pm on Dec 19, 2004 (gmt 0)

10+ Year Member



Zoo - I am stumped on this. Is there a site that describes this in detail? I dont know much about this other than what I made for my site.

Cheers and merry xmas!

bedlam

6:04 pm on Dec 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Try this out in your stylesheet, load the page and then do a print preview:

CSS
==========
body {
color:#f90;
font-family:verdana,arial,sans-serif;
}

@media print {
body {
color:#000;
font-family:palatino,"Times New Roman",serif;
}
}

It's a pretty basic example, but it should get you started. You can also try this search [google.ca]

-B

zooloo

10:42 am on Dec 20, 2004 (gmt 0)

10+ Year Member



Try Google.

css tutorial print - this brought up all you need to know

zoo

iluminatae

1:26 am on Dec 22, 2004 (gmt 0)

10+ Year Member



Wow! Got the print style sheet to work. This is so much easier than making duplicates of all the articles.

zooloo

5:12 pm on Dec 22, 2004 (gmt 0)

10+ Year Member



Good :)

CSS is cool!

zoo