Matthias Hanft:
Freut mich : )
>> Falls Dich/euch die Anwendung des User-CSS interessiert:
>>
https://add0n.com/stylus.html#features
>
> Ich hab mir dein Skript mal gespeichert, aber ob und wie ich das
> hier zum Laufen kriege, da bräuchte ich eine Schritt-für-Schritt-
> Anleitung... ich bin zwar ein (hoffentlich :-) ) guter Backend-
> Programmierer, aber aus dem ganzen Web-Zeug hab ich mich schon
> vor langer Zeit ausgeklinkt.
1. Installation der Erweiterung Stylus für Chrome oder Firefox
https://addons.mozilla.org/de/firefox/addon/styl-us/
2. Reiseverbindung auf
bahn.de erzeugen und in Meine Reise ablegen.
Eine Verbindung aufrufen (Einziger Zweck, dann wird die richtige URL
für den "User Style" eingetragen, wenn man diesen im folgenden Schritt
anlegt.
Beispiel:
https://www.bahn.de/buchung/reise?reisekettenid=****
3. Klick auf Stylussymbol in der Symbolleiste (typischerweise rechts
vom URL-Eingabefeld)
4. [x] Style erstellen für:
bahn.de/Diese_URL
Mit der Maus über "Diese_URL", klicken.
5. Das Ergebnis sieht dann so aus:
<
https://borumat.de/-/bilder/bahn-de-druckfunktion-nachruesten-5.png>
6. Meine CSS-Regeln einfügen dort wo
/* Quelltext hier eingeben... */
steht.
Darauf achten, nicht versehentlich die schließende geschweifte Klammer
zu überschreiben. Aber AFAIR warnt Stylus sogar bei Syntaxfehlern.
Im Feld neben "URLs beginnend mit" den spezifischen Teil
"reisekettenid=****" entfernen.
Übrig bleiben muss einfach:
https://www.bahn.de/buchung/reise?
Grund:
Wir wollen ja, dass sich die erheblichen Eingriffe ausschließlich auf
Reisedetails einer einzigen Reise in "Meine Reise" auswirken. Der Rest
der Website
bahn.de soll unbehelligt bleiben.
Das war's. Berichtest Du uns, ob es geklappt hat?
Hier nochmal der ganze Code:
header,
nav.DBWebBreadcrumb,
.reiseplan__uebersicht,
.verbindungs-transfer__description-zugattribute,
.verbindungs-transfer__meldungen,
.verbindungs-zwischenhalt__meldungen-auslastung,
.reise-details__auslastung-lang-text,
.fahrtverlauf-button__container,
.reiseplan-with-details__panel,
.db-web-expansion-toggle,
.ticket-header,
.alternativen-hint-banner,
footer,
.reisedetails-page__legend,
.verbindungs-halt-bahnhofsinfos__name--icon {