Benutzer:Andreas Plank/Technische Hilfe für das woerterbuchnetz.de: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 78: Zeile 78:
  
 
<div style="clear:both"></div>
 
<div style="clear:both"></div>
<span class="noprint">[[Datei:Suchergebnis-im-DWB-ausdrucken 20220507-1646-geschnitten auf 640x480.mp4|400x320px|mini|rechts|Suchergebnisse ausdrucken im Grimm-Wörterbuch mit eigener CSS-Stildatei]]</span>
+
<span class="noprint">[[Datei:Suchergebnis-im-DWB-ausdrucken 20220507-1646-geschnitten auf 640x480.mp4|400x400px|mini|rechts|Suchergebnisse ausdrucken im Grimm-Wörterbuch mit eigener CSS-Stildatei]]</span>
 
Wie man diese technische CSS-Stildatei zur Wirkung bringt, ist eine herausfordernde Sache; es gibt viele Möglichkeiten:
 
Wie man diese technische CSS-Stildatei zur Wirkung bringt, ist eine herausfordernde Sache; es gibt viele Möglichkeiten:
  

Version vom 7. Mai 2022, 15:32 Uhr

Suchergebnisse ausdrucken

Wie kann man die Suchergebnisse im Grimm-Wörterbuch ausdrucken? – Um Suchergebinsse auszudrucken muß man derzeit sich eine technische CSS-Stildatei 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;  
  }
}

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

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