So drucken Sie das Kopfzeilenlogo auf der Druckseite

Question

Ich möchte das Kopfzeilenlogo auf der Druckseite drucken, das auf dem Bildschirm nicht angezeigt wird. Bitte schlagen Sie vor, wie kann ich das tun?

Danke!

Answer 1

Angenommen, wir reden über HTML/CSS, können Sie benutzerdefinierte CSS für einige Medientypen haben, wie:

<link rel="stylesheet" type="text/css" href="sample.css" media="print" /> 

oder inline:

@media print 
    { 
    p.test {font-family:times,serif;font-size:10px;} 
    } 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px;} 
    } 

Dies sollte Ihnen ermöglichen, zu erreichen was du brauchst.

Answer 2

Sie würden ein Druck-Stylesheet verwenden.

In Ihrem normalen Stylesheet würden Sie das Logo auf display: none; setzen und im Druck-Stylesheet würden Sie es auf display: block; setzen.

Dies würde es auf dem Bildschirm verstecken und es zur Druckzeit anzeigen.

Hinweis: Wenn Sie einen <div> mit dem Hintergrund verwendet haben, der auf Ihrem Logo im Hauptsitedesign eingestellt ist, wird dies nicht funktionieren. Browser drucken nicht die Hintergründe (um Tinte zu sparen), also würde es nicht sichtbar sein. Sie müssten ein passendes Tag hinzufügen und die oben genannte Methode anwenden.

diese Check-out für eine ziemlich definitive Einführung Sheets zu drucken:

• http://www.alistapart.com/articles/goingtoprint/