Template nur teilweise drucken

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Walter91
Mitglied
Beiträge: 108
Registriert: 16.02.2012 08:28

Template nur teilweise drucken

Beitrag von Walter91 »

Ich möchte auf einer angezeigten Seite nur einen bestimmten Teil zum Drucken bereitstellen. Der Rest der Seite soll nicht mit gedruckt werden.
Auf einer einfachen Webseite geht das ganz einfach mit diesen Code.

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Webseite nur teilweise drucken</title>

<style type="text/css">
<!--

@media print
{
.noprint {display:none;}
}

-->
</style>

</head>
<body>

<div class="noprint">
  
  Das soll nicht gedruckt werden !
  
</div>
<br>

  Das soll gedruckt werden.

<br>
<a href="javascript:window.print()">Drucken</a>

</body>
</html>
Kann mir einer von den Styleprofis helfen wie ich das auf einer phpbb-eingebundenen Seite hinbekomme?
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Template nur teilweise drucken

Beitrag von HabNurNeFrage »

Hi,

das CSS für die Druckausgabe befindet sich in einem Stylesheet, und zwar

./styles/dein_stylename/theme/print.css

Darin einfach solange rumbasteln, bis die Druckausgabe Deinen Vorstellungen entspricht.
Passend dazu steht oben drüber auch /* Lots still TODO here! */ :wink:

LG
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Walter91
Mitglied
Beiträge: 108
Registriert: 16.02.2012 08:28

Re: Template nur teilweise drucken

Beitrag von Walter91 »

Ich hab mal mit der print.css experimentiert finde aber leider keine Lösung zu meinen Problem.
Hat jemand noch einen Tip wie man das lösen kann.
Benutzeravatar
waldkatze
Ehemaliges Teammitglied
Beiträge: 792
Registriert: 08.03.2013 21:50

Re: Template nur teilweise drucken

Beitrag von waldkatze »

Das ist mit Javascript machbar. Füge das in deine HTML-Datei ein.

Code: Alles auswählen

<script type="text/javascript">
	var win=null;
        function printContainer(Inhalt01)
        {
          win = window.open();
          self.focus();
          win.document.open();
          win.document.write('<'+'html'+'><'+'head'+'><'+'style'+'>');
          win.document.write('body { font-family: Verdana; font-size: 10pt;}');
          win.document.write('<'+'/'+'style'+'><'+'/'+'head'+'><'+'body'+'>');
          win.document.write(Inhalt01);
          win.document.write('<'+'/'+'body'+'><'+'/'+'html'+'>');
          win.document.close();
          win.print();
          win.close();
        }
     </script>
 

<div style="border-radius:8px;box-shadow:2px 2px 3em gray;margin-top:14px;padding:12px;">
	 
    <div id="seiteninhalt">
    <a href="#" onclick="printContainer(document.getElementById('seiteninhalt').innerHTML); return false"> <img src="{T_THEME_PATH}/images/print.gif"></a>

    hier deinen Code reinsetzen der gedruckt werden soll

   </div>       
</div>

mit <img src="{T_THEME_PATH}/images/print.gif"> fügst du ein Symbol zum drucken ein. Verwende ein vorhandenes Symbol oder kopiere ein neues in dieses Verzeichnis. Klick auf das Symbol sollte jetzt nur deine gewünschte Ausgabe drucken.
Das Bremsen eines Motorrades ist die Verschwendung hochwertiger Geschwindigkeit in sinnlose Wärmeenergie.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“