Matthias Apsel: Druckbarkeit der Beiträge, effektive Styles ermitteln

Beitrag lesen

Hallo TS,

Wie kann ich am einfachsten die effektiven Druck-Styles und alle Parameter, die den Druck beeinflussen, ermitteln?

Da es im derzeitigen Forums-CSS keine druckerspezifischen Abschnitte gibt, ist jedes CSS auch für den Ausdruck gültig. Wenn du als dein benutzerdefiniertes CSS folgendes verwendest:

/* grundlegende Angaben zum Ausdruck eines Einzelpostings */

@media print {
	body {
		font-size: 1rem;
	}
	main ~ .flex-item,
	footer,
	#fixlink,
	h1,
	#content > h2,
	#message-nested .thread-message:not(.print),
	.thread-message > .voting,
	.message-links,
	.forum-links,
	.root,
	.author-email,
	.author-homepage,
	.versions,
        .message-links + h3,
	.message-references,
	.thread-message .accepted,
	#unfold-all {
		display: none;
	}
	.flex-container, 
        article.thread-nested,
        article.thread-message {
                display: block;
        }
	main {
		padding: 0;
	}
	.thread-message {
		background: transparent;
		border: none;
		max-width: none;
		width: auto;
	}
	.thread-message .posting-content {
		background: transparent;
		color: black;
		border: none;
	}
        .thread-nested ol {
               padding-left: 0;
        }
	header .details .cf-tags-list {
		display: block;
	}
	.cf-tags-list::before {
		content: 'Tags: ';
	}
	.cf-tag {
		border: none;
		background: transparent;
		margin-left: 0;
		padding: 0.1em 0.1em 0;
	}
	.cf-tag:not(:last-child)::after {
		content: ', ';
	}
	.problematic-site {
		border: none;
		border-bottom: 1pt dotted #222;
		margin: 0.25em 0 0 0;
		padding: 0 0 0.25em 0;
	}
	.problematic-site a::before {
		content: '';
	}
	.problematic-site a::after {
		content: ': ' attr(href);
	}
	.answers {
		padding: 0;
	}
}

@media not print {
	.print-preview header.top,
	.print-preview .personallinks,
	.print-preview header.page-header,
	.print-preview main h1,
	.print-preview #content > h2,
	.print-preview footer,
	.print-preview div.root,
	.print-preview .forum-links li:not(:last-child),
	.print-preview .message-links,
        .print-preview .message-links + h3,
        .print-preview .accepted,
	.print-preview .message-references,
        .print-preview .thread-message:not(.print) {
		opacity: 0.25;
	}
}

/* Ende Druck */

kannst du unter Zuhilfenahme dieses JavaScriptes

$(document).ready(function(){
  $('.forum-links nav ul').append(' <li><a href="" class="print">Beitrag drucken</a></li>');
  $('.forum-links .print').click(function( event ){
    $(this).parents('.thread-message').toggleClass('print');
    $('body').toggleClass('print-preview');
    if ($(this).parents('.thread-message').hasClass('print')) {
      $(this).text('Druckansicht verlassen');
      window.print();
    } else {
      $(this).text('Beitrag drucken');
    }
    event.preventDefault();
  })
})

einzelne Beiträge ausdrucken.

Bis demnächst
Matthias

--
Wenn eine Idee nicht zuerst absurd erscheint, taugt sie nichts. (Albert Einstein)
0 83

Druckbarkeit der Beiträge

TS
  • zu diesem forum
  1. 0
    Auge
    1. 0
      Der Martin
      1. 0
        Auge
        1. 0
          Der Martin
          1. 0
            Auge
            1. 0
              Der Martin
              1. 0
                Auge
                1. 0
                  TS
                  1. 0
                    Auge
                    1. 0
                      Der Martin
                      1. 0
                        Auge
        2. 0
          TS
          1. 0
            Matthias Apsel
          2. 0
            Auge
            • browser
            • zu diesem forum
            1. 0
              Matthias Apsel
            2. 1

              Druckbarkeit der Beiträge, Bei LEO geht's

              TS
              1. 0
                Auge
                1. 0
                  Matthias Apsel
                2. 1
                  Matthias Apsel
                  1. 0
                    Auge
                    1. 0
                      Matthias Apsel
              2. 0
                Matthias Apsel
    2. 0
      Christian Kruse
      1. 0
        Auge
        • menschelei
        • zu diesem forum
        1. 1
          Christian Kruse
          1. 0
            Auge
            • zu diesem forum
            1. 0
              Christian Kruse
              1. 0
                Auge
                • menschelei
                • versionsverwaltung
                • zu diesem forum
        2. 0
          Auge
          • css
          • zu diesem forum
          1. 0
            Matthias Apsel
      2. 0
        Matthias Apsel
        1. 0
          Christian Kruse
  2. 0
    Matthias Apsel
    1. 0
      Auge
      • feature
      • zu diesem forum
      1. 0
        Matthias Apsel
    2. 0
      MudGuard
    3. 0
      Julius
      1. 0
        Auge
    4. 0

      URLs der Links in Beiträgen im Ausdruck der Selben?

      Auge
      1. 0
        woodfighter
        1. 0
          Auge
          1. 0
            woodfighter
            1. 0
              Auge
              1. 0
                woodfighter
              2. 0
                Matthias Apsel
                1. 0
                  Matthias Apsel
                  1. 0
                    Auge
                    1. 0
                      Matthias Apsel
                      1. 0
                        Auge
                        1. 0
                          Matthias Apsel
                          1. 0

                            Neuer Stand mit URLs der Links als Fußnoten im Ausdruck

                            Auge
            2. 0
              Der Martin
              1. 0
                woodfighter
                1. 0
                  Der Martin
                  1. 0
                    woodfighter
                    1. 0
                      Der Martin
                      1. 0
                        woodfighter
                    2. 0
                      Christian Kruse
              2. 0
                Matthias Apsel
    5. 0

      Eingeprägte Linierung im Ausdruck

      Auge
      • css
      • zu diesem forum
      1. 0
        Matthias Apsel
        1. 0
          Auge
          1. 0
            Matthias Apsel
            1. 0
              Auge
              1. 0
                Matthias Apsel
                1. 0
                  Auge
                  1. 0
                    Der Martin
                    1. 0
                      Matthias Apsel
                      1. 0
                        Christian Kruse
      2. 1
        woodfighter
  3. 0

    Druckbarkeit der Beiträge, effektive Styles ermitteln

    TS
    • browser
    • css
    • zu diesem forum
    1. 0
      Matthias Apsel
  4. 0
    TS
    1. 0
      Matthias Apsel
      1. 0
        TS
        1. 0
          Matthias Apsel
          1. 0
            TS
            1. 0
              Auge
              • meinung
              • zu diesem forum
              1. 0

                Druckbarkeit der Beiträge, generisch

                TS
  5. 0

    Erledigt: Druckbarkeit der Beiträge

    Matthias Apsel
    1. 0
      TS
      1. 0
        Matthias Apsel