Tag: Tutorial
Webpagina afdrukken, print.css,
Feb.01, 2009
Van de week kwam er een buur langs die zelf geen computer heeft (jawel, ze bestaan nog). Of hij even wat mocht zoeken op Internet, of dat ik het even voor hem wilde doen. De buur vond wat hij zocht, en wilde dit afdrukken. Of dat ook mocht. Van mij kan iedereen krijgen wat hij/zij nodig heeft, dus geen probleem. Even een afdrukvoorbeeld bekijken alvorens het afdrukken, en dan zie je al snel dat het meeste wat er afgedrukt gaat worden onzin is. Alle reclame, de gehele sidebar, de footer, de achtergrond, zoekvenster, of zelfs het reageervenster. Allemaal zaken die je niet afgedrukt wilt zien. Daarnaast geven ze printerinkt niet weg.
Als website eigenaar, en zeker als eigenaar van een CMS (Content Management System) is het erg belangrijk om voor je bezoekers te zorgen. Vandaar deze kleine Tutorial. Je hebt je website tenslotte niet voor niets. Schrijf je informatieve artikelen, dan bestaat de kans dat er wel eens iemand een print van wil draaien. Ik heb van de week eens een beetje rond gekeken hier en daar, maar het is toch best droevig gesteld met de afdruk resultaten op Internet.
Op zich is het helemaal niet moeilijk om er voor te zorgen dat de artikelen die je publiceert mooi, en zonder poespas worden afgedrukt. Ik heb voor iedereen die er mee aan de slag wil een vooropzet gemaakt. Opslaan als print.css. Upload de file naar je host, en plaats hem tussen je ander files of in je theme folder.Tussen de <head></head> tags in je header of index zet je de volgende regel
" <link rel="stylesheet" type="text/css" href="print.css" media="print"> "
Nu is het zaak het stylesheet aan te vullen met die onderdelen uit je pagina die onbelangrijk zijn tijdens het afdrukken van een pagina. Hierdoor krijg je een mooi afdruk resultaat
In de stylesheet die je hebt kunnen downloaden zie je de div id voor de sidebar met de display eigenschap none. De sidebar wordt hierdoor niet weergeven in het afdruk voorbeeld, en zal niet worden afgedrukt. Zorg er voor dat linkverwijzingen worden underlined. Succes..!
Bij maand
To the Top
bij Categorie
Bij Tags
Adobe American Truck American Trucks Wallpaper Art Blog Body Body Health Calafornication Computer Computer en Internet CS3 De wereld van De wereld van Film Design Dreamscene Experience Eyeopener Film Foto's Free Game Geen stokje Health Hobby en vrijetijd Honden hernia How to Humor Icons Inspiratie Internet LG Metallica Background Metallica Wallpaper Microsoft Mijn omgeving Motivatie Muziek Nieuws Nieuws Van Nederland Non-profit Office Opinie Persoon Persoonlijk Perssoonlijk Politiek Red-star.nl Redbalbla Redblabla Speed up your site Techniek Texture Textures Tutorial Twitter Verhalen Vista Vue Wallpaper Wallpapers Wetenschap Windows Windows 7 WMP 11 Wordpress Youtube Zeeland ZXAlles van nu tot een dag of 365 terug
To the Top
-
RedStar.nl
This site is dedicated to Art, Health, Code, Experience, Innovation, Life, Love, Motivation, Music, Wordpress, and so much more...
Feel free to leave a comment... :-)
-
