Seiten druckfrisch gestalten
![[Bildschirmfoto / Grafik]
Seiten druckfrisch gestalten [Bildschirmfoto / Grafik]
Seiten druckfrisch gestalten](img/seiten_druckfrisch_gestalten.webp)
Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.
Es ist eigentlich ganz einfach, erstellen Sie eine CSS-Datei mit dem Namen "print.css". In diese Datei fügen Sie nun Anweisungen ein, welche Elemente nicht mit ausgedruckt werden sollen.
Beispiel:
nav#navigation { display: none; } div#werbung { display: none; } span.rahmen { display: none; }
Datei einbinden
Fügen Sie nun in Ihren Seiten im <head>-Bereich den Link zur externen CSS-Datei hinzu:
<link rel="stylesheet" href="print.css" media="print">
Wichtig ist hierbei die Angabe media="print"
, damit erkennt der Browser das diese
Datei verwendet werden soll wenn das Dokument (die Seite) ausgedruckt wird.
Alles noch einfacher!
Sie können die CSS-Anweisungen auch in Ihre normale CSS-Datei einfügen wenn Sie die
@media{}
Media Queries verwenden.
@media print { nav#navigation { display: none; } div#werbung { display: none; } span.rahmen { display: none; } }
Sie können das ganze leicht nachprüfen ob es funktioniert, rufen Sie in Ihrem Browser die Druckvorschau auf, die ausgeblendeten Elemente sollten nicht mehr angezeigt werden.
Tipps
- Dateibrowser
- Ein einfacher Dateibrowser, ideal um PHP-Scripte auf einem lokalen Webserver zu testen, die PHP-Scripte müssen dann nicht mehr umständlich über die Adresszeile des Browsers aufgerufen werden.
- Verzeichnis auslesen und mit einem Link verknüpfen
- Beispiele wie ein Verzeichnis (Ordner) über PHP ausgelesen und mit einem Link verknüpft wird.
- Bilder mit Wasserzeichen markieren
- JPEG-Bilder (oder andere Grafikformate) können mit einem transparenten Wasserzeichen markiert werden; Mit Hilfe eines kleinen PHP-Scripts.
- Seiten druckfrisch gestalten
- Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.
Abonniere meinen RSS-Feed
um über aktuelle Seiten benachrichtigt zu werden.
Canvas Suchmaschine Zeit-Differenz Metaphone Webseitenschutz Wecker Datenschutz-Hinweis Formular Generator Metall-Effekt Generator Favicon Zoom Funktion Keyframes Metadaten Dynamische Seiten Fotoalbum Linkliste Eselsohren Sortierung AES Seitenformatierung Passwortschutz Zufallsfarbe Textgestaltung localStorage Tooltip