Was kann die Ursache dafür sein, dass die Scrollbar beim Aufruf des Drucken-Dialogs sich verbreitert. Es sind bestimmt 4mm mehr wie normal.
...
Du nutzt das JavaScript, um die Scrollbar anzupassen?
Dann liegt es daran.
Was kann die Ursache dafür sein, dass die Scrollbar beim Aufruf des Drucken-Dialogs sich verbreitert. Es sind bestimmt 4mm mehr wie normal.
...
Du nutzt das JavaScript, um die Scrollbar anzupassen?
Dann liegt es daran.
Ist bei mir auch so!
Keins der Spiele, die von der Seite angeboten werden, wird geladen.
uBlock ausgeschaltet.
Hm, Code in die Datei druckvorschau.css und per @import url( druckvorschau.css ); in der userChrome.css eingebunden funktioniert hier ohne Probleme.
Jetzt fress ich 'en Besen.
So funktioniert es.
Weiß der Kuckuck, was ich da gestern falsch gemacht habe, egal, nun kann ich basteln.
Danke noch mal.
Hallo Dharkness
Den Code in die userChrome.css eingetragen => nichts passiert.
Auch in die userContent versuchsweise eingetragen => nichts passiert.
Komisch.
Schau mal ob Du irgendwas mit diesem JavaSkript anfangen kannst.
"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* version 2 nach (ECMAScript 2015) *********************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ***********************************************************************************************
README
!!! Wichtig !!!
Die Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert
about:config >
widget.windows.overlay-scrollbars.enabled > false (Windows)
widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
[!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
[!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
-> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
-> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)
[!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
-> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
-> Firefox schließen
-> Inhalt des 'startupCache'-Ordners löschen
Alternativ mit einem JavaScipt!
-> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js
Aktivieren einer Einstellung > let ... auf 'true' setzen
Deaktivieren einer Einstellung > let ... auf 'false' setzen
Anpassungen vornehmen > Werte ändern
- Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
- Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
- Zahlen: 1, 2, 3 ... 10, 11, 12 ...
- Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
- Farbverläufe: linear-gradient(direction, color, color, color)
- Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
HINWEIS
- Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
*********************************************************************************************** */
// Path "berechneten" !
const scrollerProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
// GENERAL SCROLLBAR SETTINGS
let custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
let cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
let cs_thumb_roundness = 7; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
let cs_thumb_minimal_size = 200; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
let cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
let cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
let cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
let cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD"
let cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
let cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
let cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
let cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
let cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
let cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
let cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons
let cs_color_arrow = "#bfbfbf";
let cs_color_arrow_hover = "orange";
let cs_width = 16;
let cs_height = 16;
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
// Scrollbar code
Components.utils.import("resource://gre/modules/Services.jsm");
let ss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
let custom_scrollbars = {
init: function() {
let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
@namespace html url("http://www.w3.org/1999/xhtml");
scrollbar, scrollcorner, scrollbar thumb,
scrollbar[orient="vertical"] scrollbarbutton[type="increment"],
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
scrollbar[orient="horizontal"] scrollbarbutton[type="increment"],
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
-moz-appearance: none !important;
appearance: none !important;
}
scrollbar {
background-color: ${cs_background_color} !important;
}
scrollbar[orient="vertical"] {
background-image: ${cs_background_image_vertical} !important;
}
scrollbar[orient="horizontal"] {
background-image: ${cs_background_image_horizontal} !important;
}
scrollcorner {
background-color: ${cs_corner_background_color} !important;
background-image: ${cs_corner_background_image} !important;
}
scrollbar thumb {
background-color: ${cs_thumb_color} !important;
border-radius: ${cs_thumb_roundness}px !important;
border: ${cs_thumb_border}px solid ${cs_thumb_border_color} !important;
}
scrollbar thumb[orient="vertical"] {
background-image: ${cs_thumb_image_vertical} !important;
min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb[orient="horizontal"] {
background-image: ${cs_thumb_image_horizontal} !important;
min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb:hover, scrollbar thumb:active {
background-color: ${cs_thumb_hover_color} !important;
}
scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,
scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
background-image: ${cs_thumb_hover_image_vertical} !important;
}
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-up,_12.svg") !important;
}
scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-down,_12.svg") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-right,_12.svg") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-left,_12.svg") !important;
}
scrollbarbutton[type="increment"],
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
scrollbarbutton[type="increment"],
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
mask-repeat: no-repeat;
mask-position: center;
background-color: ${cs_color_arrow};
width: ${cs_width}px !important;
height: ${cs_height}px !important;
}
scrollbarbutton[type="increment"]:hover,
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,
scrollbarbutton[type="increment"]:hover,
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {
background-color: ${cs_color_arrow_hover} !important;
}
scrollbar[orient="vertical"] {
background-image: ${cs_background_image_vertical} !important;
width: ${custom_scrollbar_size_value}px !important;
}
scrollbar[orient="horizontal"] {
background-image: ${cs_background_image_horizontal} !important;
height: ${custom_scrollbar_size_value}px !important;
}
scrollcorner {
background-color: ${cs_corner_background_color} !important;
background-image: url("file:${scrollerProfileDirectory}/chrome/icons/resizer.svg") !important;
width: ${custom_scrollbar_size_value}px !important;
}
`), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
// enable settings as configured above
custom_scrollbars.init();
Alles anzeigen
Musst halt etwas basteln und es Deinem Wünschen anpassen.
Alles anzeigenich würde auch gerne hier und da etwas ändern,
aber bekomme es einfach nicht hin!
Die Farbe der Buttons, Kringel und Häkchen zum Bleistift.
Schau Dir mal das ↓ an.
CSS/* druckvorschau.css */ ... /* Druckpopup */ @-moz-document url-prefix("chrome://global/content/print.html") { ...Sieht dann so ↓ aus.
Oh, Danke.
Dann werde ich mal schauen, was ich damit anstellen kann.
Gibt es schon Resultate?
Denn ich würde auch gerne hier und da etwas ändern,
aber bekomme es einfach nicht hin!
Die Farbe der Buttons, Kringel und Häkchen zum Bleistift.
Freut mich wenn dir meine kleine Spielerei gefällt !! immer wieder gerne ...........
Welche Link-Farbe soll denn noch geändert werden ?
Zeile 41! Muss mal schauen, was mir da zusagt.
_________________________________________________________________________________________
Nachtrag!
Habe noch etwas herumgebastelt und so gefällt es mir besser.
/*Schutzmaßnahmen PopUp Text Aktiviert und Deaktiviert Farbe ändern*/
#protections-popup {
--popup-width: 35em !important;
}
[data-l10n-id="protections-panel-etp-on-header"] {
font-size: 0px !important;
height: 50px !important;
min-width: 300px !important;
max-width: 400px !important;
}
[data-l10n-id="protections-panel-etp-on-header"]::before {
padding-left: 0px !important;
content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(1)::after{
padding-left: 115px !important;
content: " AKTIVIERT " !important;
color: green !important;
font-size: 28px !important;
font-weight: 700 !important;
}
[data-l10n-id="protections-panel-etp-off-header"] {
font-size: 0px !important;
height: 50px !important;
min-width: 300px !important;
max-width: 400px !important;
}
[data-l10n-id="protections-panel-etp-off-header"]::before {
padding-left: 0px !important;
content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(2)::after{
padding-left: 100px !important;
content: " DEAKTIVIERT " !important;
color: red !important;
font-size: 28px !important;
font-weight: 700 !important;
}
panel .text-link:-moz-lwtheme {
color: #FFA500 !important;
padding-left: 15px !important;
}
Alles anzeigen
So, ...
/*Schutzmaßnahmen PopUp Text Aktiviert und Deaktiviert Farbe ändern*/
#protections-popup {
--popup-width: 51em;
}
[data-l10n-id="protections-panel-etp-on-header"] {
font-size: 0px !important;
height: 35px !important;
min-width: 500px !important;
max-width: 600px !important;
}
[data-l10n-id="protections-panel-etp-on-header"]::before {
padding-left: 110px !important;
content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(1)::after{
padding-left: 220px !important;
content: " AKTIVIERT " !important;
color: green !important;
font-size: 18px !important;
font-weight: 700 !important;
}
[data-l10n-id="protections-panel-etp-off-header"] {
font-size: 0px !important;
height: 35px !important;
min-width: 500px !important;
max-width: 600px !important;
}
[data-l10n-id="protections-panel-etp-off-header"]::before {
padding-left: 110px !important;
content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(2)::after{
padding-left: 220px !important;
content: " DEAKTIVIERT " !important;
color: red !important;
font-size: 18px !important;
font-weight: 700 !important;
}
panel .text-link:-moz-lwtheme {
color: limegreen !important;
padding-left: 185px !important;
}
Alles anzeigen
... passt es.
Nur die Farbe für den Link, die müss ich noch ändern.
Danke.
Nachtrag.
Nein leider nicht!!!
Den Code in die usereCrome.css eingetragen,
wird das Popup leiter nicht in gewünschter Breite angezeigt.
Blondi hat zugeschlagen!
Und war wieder einmal zu schnell!
Kann ja nicht funktionieren!
Bei mir ist diese transparente Leiste aber ganz unten am Ende des Fensters!
ist sie normalerweise auch, aber nicht wenn man einen Screenshot komplett mchen möchte.
...
Ah, habe es nachstellen können!
Zur Erklärung für andere!
Man kann, und darum geht es, mit der Firefox-Funktion "Bildschirm aufnehmen" einen Screenshot machen,
der auch den nicht sichtbaren Bereich mit "aufnimmt" ![]()
Wenn ich das also händisch machen wollte, müsste ich min. zwei Screenshots machen und diese dann zusammenführen.
Von welcher "Einstellung" der "Fritte" ist denn dieser Screenshot?
Habe es gefunden!
Bei mir ist diese transparente Leiste aber ganz unten am Ende des Fensters!
Und mit der Firefox-Funktion "Bildschirm aufnehmen" kann ich doch auswählen, was "aufgenommen" werden soll!
Bitte mache doch mal mit "Alt" + "Drucken" einen Screenshot.
Dann kann man das alles besser sehen.
Danke Andreas.
Mit Deinem und mit meinem zweiten Code funktioniert es!
#main-menubar > menu {
background: transparent !important;
color: #E0E0E0 !important; /* Hellgrau, Schrift */
border-radius: 3px !important;
}
#main-menubar > menu:is(:hover,[open],[_moz-menuactive]) {
background: rgba(224, 224, 224, 0.2) !important; /* Hellgrau, Feld */
}
menu[_moz-menuactive="true"]:not([disabled="true"]),
menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: #5C5C5C !important;
border-radius: 3px !important;
}
}
Alles anzeigen
Das Problem war, dass z.B. im Menü zu den Lesezeichen die Ordner eine andere Hintergrundfarbe hatten als die Links!
Oder wenn ich ein Popup öffnete, dass beim drüberstreichen die Hintergrundfarbe eben nicht #5C5C5C war
und die "Felder" auch keine abgerundeten Ecken hatten.
Wie es ohne den Code aussah.
Und so jetzt, mit Code ![]()
Es ist etwas schwer für mich das Problem zu beschreiben!
Mit diesem Code habe ich das Aussehen der Menüleiste festgelegt.
menu[id="file-menu"],
menu[id="edit-menu"],
menu[id="view-menu"],
menu[id="history-menu"],
menu[id="bookmarksMenu"],
menu[id="tools-menu"],
menu[id="helpMenu"] {
appearance: none !important;
background:transparent !important;
color: ##E0E0E0 !important; /* Hellgrau, Schrift */
border-radius: 3px !important;
}
menu[id="file-menu"]:hover,
menu[id="edit-menu"]:hover,
menu[id="view-menu"]:hover,
menu[id="history-menu"]:hover,
menu[id="bookmarksMenu"]:hover,
menu[id="tools-menu"]:hover,
menu[id="helpMenu"]:hover {
appearance: none !important;
background: rgba(224, 224, 224, 0.2) !important; /* Hellgrau, Feld */
}
Alles anzeigen
So weit, so gut.
Nun sind aber in einigen Popups, sowie auch in den Untermenüs
die Hintergrundfarben beim Hovern nicht so, wie ich sie gerne hätte.
Also habe ich diesen Code versucht zu verwenden.
menu[_moz-menuactive="true"]:not([disabled="true"]),
menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: #5C5C5C !important;
border-radius: 3px !important;
}
Aber dadurch wird auch der Code der Menüleiste überschrieben.
So möchte ich das aber nicht!
Wie gehe ich am besten vor?
Bitte um eine kurze Beschreibung, was das JavaScript macht.
Danke
Ist das Absicht, dass dein Link woanders hingeht als der Text zeigt?
https://kinocheck.de/trailer/p59l/black-panther-2-wakanda-forever-trailer-german-deutsch-2022
https://www.serienjunkies.de/news/filmhighlights-september-2022-dont-worry-114535.html
PS cooler Trailer, freue mich drauf.
Shit, nein war ein Versehen.
Ich muss jetzt doch noch einmal was loswerden!
Heft "Stiftung Warentest Heft 03/2022" besorgt und besagten Artikel gelesen.
Der ist für'n Allerwertesten ![]()
Weil kein, bzw. nur ein ungenügender Phishing-Schutz vorhanden ist,
wird der Defender zerrissen. Lächerlich.
Ein AV soll vor Viren schützen und nicht das Denken und die Vorsicht eines DAU ersetzen ![]()