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.
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
- Mit PHP zeichnen - Eine Grafik mit PHP erstellen
- Mit den Grafikfunktionen können Sie zur Laufzeit des PHP-Scripts auch Grafiken erzeugen.
- 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.
- Mit dem PHPMailer E-Mails sicher versenden
- Damit E-Mails sicher beim Empfänger ankommen und nicht irgendwo anders landen (Spamordner) oder sogar vom Provider abgelehnt werden nutzt man am besten eine fertige Mailer-Klasse wie den „PHPMailer”.
- Text-Dateien über PHP laden und bearbeiten
- Über PHP lassen sich Text-Dateien in ein Formular laden und bearbeiten. Der geänderte Text wird, nach dem absenden des Formulars, wieder in der Datei gespeichert.
Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.
Keyframes Bausteine Responsiv Sicherheit Affenformular Blätterfunktion Sitemaps-Protokoll Zufallsfarbe Fotoalbum Formular befüllen Absolute URL Diashow Floodsperre CSRF-Token EVA-Prinzip Sortierkasten Sprachumschaltung ToDo-Liste Mausrad Dateibrowser Dynamische Seiten Event-Kalender ASCII Audio-Player Countdown-Generator