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
(bref)
Zeile 1: Zeile 1:
 
== Suchergebnisse ausdrucken ==
 
== 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.
+
'''Wie kann man die Suchergebnisse im Grimm-Wörterbuch ausdrucken?''' – Um Suchergebinsse auszudrucken muß man derzeit sich eine technische CSS-Stildatei<ref>Siehe Anleitung für <code>@print</code> 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</ref> 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).
 
Die technische CSS-Stildatei kann die folgende sein (rechts auf „Ausklappen“ drücken).
Zeile 84: Zeile 84:
 
* man verwendet die Entwickler-Konsole des Netzprogramms und fügt dort im Bereich CSS die obigen Stilanweisungen hinzu und man druckt dann aus
 
* man verwendet die Entwickler-Konsole des Netzprogramms und fügt dort im Bereich CSS die obigen Stilanweisungen hinzu und man druckt dann aus
  
 +
== Weiterführende Literatur ==
 +
 +
<references/>
 
[[Kategorie:Anleitungen]]
 
[[Kategorie:Anleitungen]]
 
[[Kategorie:Hilfe]]
 
[[Kategorie:Hilfe]]

Version vom 8. Mai 2022, 10:53 Uhr

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 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

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