Benutzer:Andreas Plank/Technische Hilfe für das woerterbuchnetz.de

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen

Suchergebnisse ausdrucken

Wie kann man die Suchergebnisse im Grimm-Wörterbuch ausdrucken? – Um Suchergebinsse auszudrucken muß man derzeit sich eine technische CSS-Stildatei[1] hinzuladen, die man im Netzprogramm (Browser) einbindet, damit nur der Bereich der Suchergebnisse im Ausdruck angezeigt wird.

Die technische CSS-Stildatei kann die folgende sein (rechts auf „Ausklappen“ drücken).

/* 
 * CSS-Stildatei zum Ausdrucken der Suchergebnis-Liste unter https://www.woerterbuchnetz.de/DWB/ 
 */
@media print {
  div#dwb-wb-area-center-content-articles,
  #dwb-wb-area-center-content ,
  #dwb-wb-area-center,
  #dwb-wb-area-west,
  #dwb-wb-area-west-content,
  #dwb-wb-area-west-resizer,
  #dwb-wb-area-east-resizer,
  #wbnetz-navigation,
  #main-south, 
  #main-south-content,
  #main-north-content
  {
      display:none;
      visibility:hidden;
      overflow:visible;
  }

  #dictionary-page,
  #main-center {
      height:auto!important;
      width:auto!important;
  }
  #dwb-menu-area-searchresult-content-hitlist,
  #dwb-menu-area-searchresult-content {
      background-color:lightpinkgreen;
      height:auto!important;
      width:auto;
      overflow: visible;
  }
  table.hitlist {
      /* height:900px!important; */
      overflow: visible;
  }
  table.hitlist td.hit-lemma { padding-top: 0.5ex;}

  #dwb-wb-area-east,
  #dwb-wb-area-east-content {
      width:auto!important;
      height:auto!important;
      overflow:visible;
  }
  #dwb-wb-area-east * div,
  #dwb-wb-area-east-content * div {
    background-color:white;
  }
  #dwb-menu-area-structure,
  #dwb-menu-area-structure-content,
  #dwb-menu-area-deliveries,
  #dwb-menu-area-deliveries-content,
  #dwb-menu-area-sources,
  #dwb-menu-area-sources-content,
  #dwb-menu-area-preface,
  #dwb-menu-area-preface-content
  {
      display:none;
      visibility:hidden;
      height:0;
      overflow:visible;
  }


  span.select2.select2-container.select2-container--default,
  span.select2.select2-container.select2-container--focus{
    display:none;  
  }
}
Suchergebnisse ausdrucken im Grimm-Wörterbuch mit eigener CSS-Stildatei vermittels Entwicklerkonsole im Netzprogramm

Wie man diese technische CSS-Stildatei zur Wirkung bringt, ist eine herausfordernde Sache; es gibt viele Möglichkeiten:

  • man sucht eine Erweiterung[2] für das Netzprogramm, in der man benutzerdefinierte CSS Dateien einstellen kann und man druckt dann aus, oder
  • man verwendet die Entwickler-Konsole[3][4][5] des Netzprogramms und fügt dort im Bereich CSS die obigen Stilanweisungen hinzu und man druckt dann aus

Weiterführende Literatur

  1. Siehe Anleitung für @print CSS: CSS/Tutorials/Print-CSS. (Wiki selfhtml. Die Energie des Verstehens) Quelle: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Print-CSS, abgerufen am 5. Mai 2022
  2. z. B. die Erweiterung stylish von https://userstyles.org (FirFox: https://addons.mozilla.org/en-US/firefox/addon/stylish/ bzw. Google Chrome https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe)
  3. Entwicklerkonsole des Netzprogramms Mozilla FireFox: Web-Konsole. Quelle: https://developer.mozilla.org/de/docs/Tools/Web_Console, abgerufen am 8. Mai 2022.
  4. Entwicklerkonsole des Netzprogramms Google Chrome Die Chrome Entwicklertools (DevTools) für Designer und Einsteiger. Quelle: https://kulturbanause.de/blog/die-chrome-entwicklertools-devtools-fuer-designer-und-einsteiger/, abgerufen aum 8. Mai 2022.
  5. Entwicklerkonsole des Netzprogramms Microsoft-Edge: Erste Schritte beim Anzeigen und Ändern von CSS. Quelle: https://docs.microsoft.com/de-de/microsoft-edge/devtools-guide-chromium/css/, abgerufen am 8. Mai 2022.