Benutzer:Andreas Plank/Technische Hilfe für das woerterbuchnetz.de: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(bref) |
(+ref) |
||
| Zeile 81: | Zeile 81: | ||
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: | ||
| − | * man sucht eine Erweiterung für das Netzprogramm, in der man benutzerdefinierte CSS Dateien einstellen kann und man druckt dann aus, oder | + | * man sucht eine Erweiterung<ref>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)</ref> 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 | + | * man verwendet die Entwickler-Konsole<ref>Entwicklerkonsole des Netzprogramms Mozilla FireFox: ''Web-Konsole''. Quelle: https://developer.mozilla.org/de/docs/Tools/Web_Console, abgerufen am 8. Mai 2022.</ref><ref>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.</ref><ref>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.</ref> des Netzprogramms und fügt dort im Bereich CSS die obigen Stilanweisungen hinzu und man druckt dann aus |
== Weiterführende Literatur == | == Weiterführende Literatur == | ||
Version vom 8. Mai 2022, 11:25 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;
}
}
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
- ↑ Siehe Anleitung für
@printCSS: 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 - ↑ 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)
- ↑ Entwicklerkonsole des Netzprogramms Mozilla FireFox: Web-Konsole. Quelle: https://developer.mozilla.org/de/docs/Tools/Web_Console, abgerufen am 8. Mai 2022.
- ↑ 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.
- ↑ 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.