Seite 1 von 1
Template nur teilweise drucken
Verfasst: 26.11.2014 17:50
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?
Re: Template nur teilweise drucken
Verfasst: 26.11.2014 19:10
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! */ 
LG
Re: Template nur teilweise drucken
Verfasst: 02.12.2014 20:26
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.
Re: Template nur teilweise drucken
Verfasst: 02.12.2014 21:11
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.