Template voor printen maken
Ik heb in mijn website een optie om het totaal overzicht van de ingevoerde gegevens te printen.
Als ik nu op printen druk, krijg ik een kaal, leeg vel met daarop de af te drukken gegevens. Dat werkt allemaal prima. Ik wil het alleen een beetje 'netter' maken. Ik wil er graag nog wat tekst bij zetten en bijvoorbeeld een afbeelding. Nu weet ik dat je daar een soort pdf template voor kan maken. Ik heb dit ook wel eens gezien, maar kan nu nergens op internet een script vinden.
Heeft iemand enig idee waar ik dit kan vinden, of heeft iemand zo'n script met eventueel wat uitleg?
Alvast bedankt!
Code (php)
1
<link href="/css/printervriendelijk.css" media="print" rel="stylesheet">
Bedankt! Achteraf behoorlijk simpel dus. Dit kan ik gewoon in mijn normale css bestand zetten neem ik aan?
Code (php)
1
2
3
2
3
@media print {
// ... print style
}
// ... print style
}
Stel ik wil een foto erboven/eronder? Heb zo nog nooit gewerkt.
Gewijzigd op 04/04/2013 14:45:17 door Dyon van der Blonk
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
@media print {
a {
background-color: #FFF;
color: #000;
text-decoration: none;
}
}
a {
background-color: #FFF;
color: #000;
text-decoration: none;
}
}
Code (php)
1
2
3
4
2
3
4
<div class="printOnly">
<img src="printlogo.jpg">
<p>Print-bla-bla</p>
<div>
<img src="printlogo.jpg">
<p>Print-bla-bla</p>
<div>
En dan in CSS:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
.printOnly {
display: none;
}
@media print {
.printOnly {
display: block;
}
}
display: none;
}
@media print {
.printOnly {
display: block;
}
}