eine benutzerdefinierte Seite einrichten kann
Meinst du so?
https://addons.mozilla.org/de/firefox/addon/new-tab-override/
Danke. Passt. Gibt es so etwas auch für die Startseite eines neuen privaten Fensters?
eine benutzerdefinierte Seite einrichten kann
Meinst du so?
https://addons.mozilla.org/de/firefox/addon/new-tab-override/
Danke. Passt. Gibt es so etwas auch für die Startseite eines neuen privaten Fensters?
Wenn du das überflüssige Anführungszeichen am Anfang entfernst und 'url' verwendest, dann gehts auch:
@-moz-document url(https://kalender.digital/XXXXXXXXXX)
Danke. Dieses Anführungszeichen hatte ich gar nicht gesehen.
Hallo,
domain("https://kalender.digital/XXXXXXXXXX) ist ganz offensichtlich falsch, denn die Domain wäre in diesesm Fall kalender.digital. Für eine URL musst du url() verwenden, nicht domain().
PS: Die Datei heißt userContent.css, nicht usercontent.css und auch nicht UserContent.css. Die korrekte Schreibweise ist wichtig und kann auf manchen Plattformen dazu führen, dass die Datei überhaupt nicht eingelesen wird.
Hallo,
die Datei hat bei mir den richtigen Namen.
Ich habe jetzt "domain" in "url" geändert, aber die Änderungen werden weiterhin nicht dargestellt...
Hallo,
ich möchte folgende Webseite designtechnisch über die UserContent.css anpassen:
Hier mein Code:
@-moz-document domain("https://kalender.digital/XXXXXXXXXX){
/*3 Symbole oben auf der linken Seite*/
/*1. Symbol*/
.toggle_btn[_ngcontent-c31] {
font-size: 18px;
background-color: #ffd !important;
}
/*2. Symbol*/
/*3. Symbol*/
/*Zeile mit Wochentagen*/
.dhx_scale_bar {
position: absolute;
text-align: center;
background-color: #fff;
padding: 2px 0 0;
font-size: 11px;
font-weight: inherit;
line-height: 16px;
color: #a83232 !important;
background-color: lime !important;
}
/*aktueller Tag*/
.todayTableCell > .dhx_month_body, .todayTableCell > .dhx_month_head {
background: #c0be88;
}
/*aktueller Monat*/
.dhx_month_body {
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background-color: #933434;
}
.dhx_month_head {
height: 21px;
padding: 0 5px 0 0;
font-size: 12px;
font-weight: inherit;
line-height: 21px;
color: #362d26;
border-right: 1px solid #cecece;
background-color: #933c3c;
text-align: right;
}
/*nächster Monat*/
.notInRangeTableCell > .dhx_month_body, .notInRangeTableCell > .dhx_month_head {
background: #0c73d9 !important;
color: #ffd700 !important;
}
/*Wochenende*/
.weekendTableCell > .dhx_month_body, .weekendTableCell > .dhx_month_head {
background: #8ed5ea;
color: #00016e !important;
}
}
Alles anzeigen
Jedoch bewirkt dies keine Veränderung am Erscheinungsbild, obwohl es da eigendlich einiges ändern müsste...
Hat jemand eine Idee, woran das liegen könnte?
P.S. Andere Seiten konnte ich erfolgreich über die UserContent.css ändern.
Das mit dem Haken ist nicht neu, das gibt es IMO schon seit Windows 7. je nachdem, was vorher eingestellt war, musst du es wieder aktivieren.
"Ordner- und Suchoptionen" > "Ansicht" > "Kontrollkästchen zur Auswahl..."
Die Funktion war mir nicht bekannt. Hatte das demzufolge auch bei Win 10 nicht aktiviert gehabt.
Ich habe bei mir nun auch auf Win 11 aktualisiert. Ich kann nun bei Desktop-Verknüpfungen oder einzelnen Dateien einen Haken setzen und auf diese Weise mehrere Dateien ohne das drücken von Strg markieren. Komisch ist nur, dass diese Funktion bei allen anderen Win 11 - Geräten im Haus nicht vorhanden ist...
Ich habe jetzt Firefox komplett deinstalliert (wirklich alle Dateiverzeichnisse gelöscht) und wieder neu installiert. Anschließend dann die gesicherten Daten aus dem alten Profilordner (in welchem die nicht funktionierenden Dateien drin waren) in das neue Profil kopiert und alles funktioniert wieder. Da hatte wohl die Installation keinen Bock...
Aber danke für deine Überlegungen.
In der UserChromeShadow.css funktioniert gar kein Code.
Du hast die Vorbereitungen dafür gemacht?
BeitragShadowRoot: Neue Aufruf-Methode für CSS-Regeln
Damit das alles so funktioniert, wie weiter unten beschrieben, muss in erster Linie aborix erwähnt werden, der mit seinem Lade-Skript die neue Aufruflogik überhaupt erst möglich gemacht hat und 2002Andreas , Sören Hentzschel für ihre Hilfe und den beigesteuerten Code. Vielen Dank!
Um auch weiterhin alle Elemente der Firefox-Oberfläche mittels 'css' gestalten zu können, ist es notwendig, eine zusätzliche Aufruflogik für bestimmte 'css'-Regeln zu benutzen.
Bei diesen Elementen handelt es…
BrokenHeart18. Juni 2021 um 09:36
Alles bereits gemacht.
die Scripte nicht vollständig
Was heißt nicht vollständig?
Funktionieren denn andere Scripte?
Oder auch in der UserChromeShadow.css, funktionieren dort gar keine Codes, oder nur einer nicht?
Ich nutze nur das Script für den Scrollbalken. Mit "nicht vollständig" meine ich, dass es das Script im "Urzustand" zwar läd, meine Änderungen aber nicht berücksichtigt werden.
In der UserChromeShadow.css funktioniert gar kein Code.
Hallo,
nachdem es bei mir mein System zerschossen hat, habe ich auf Win 11 upgegradet und den Firefox wieder eingerichtet. Jedoch läd dieser nun die Scripte nicht vollständig. Ich nutze z.B. dieses Script:
"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js */
/* ***********************************************************************************************
README
Aktivieren einer Einstellung > var ... auf 'true' setzen
Deaktivieren einer Einstellung > var ... auf 'false' setzen
Anpassungen vornehmen > Aendern von Werten
- 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
- Zahlen: 1, 2, 3 ... 10, 11, 12 ...
- Sichtbarkeit (in Dezimalzahlen): 0.0 bis 1.0 e.g. 1.4, 1,75
- Farbverlaeufe: linear-gradient(Richtung, Farbe, Farbe, Farbe)
- Beispiel: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
- Beispiel 2:
Farbverlauf von links nach rechts - tranparent -> weiss mit 50%er Sichtbarkeit -> tranparent
linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)
Info
- Zu kleine Breitenwerte werden sich negativ auf einige Oberflaechenelemente auswirken (z.B. auf Menuelisten)!
*********************************************************************************************** */
// Allgemeine Einstellungen
// Scrollbars ausblenden
var hide_scrollbars = false; /* Standard = false */
// Schaltflächen ausblenden
var hide_scrollbar_buttons = false; /* Standard = false */
// benutzerdefinierte Breite
var custom_scrollbar_width = true; /* Standard = false */
var custom_scrollbar_width_value = 6; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = true; /* Standard = false */
var custom_opacity_value = "0.9"; /* Standard = 1.0 */
// "schwebende" Scrollbars / Scrollbars über dem Webinhalt
var enable_floating_scrollbars = false; /* Standard = false */
// benutzerdefinierte Scrollbars
var enable_custom_scrollbars = true;
// benutzerdefinierte Hintergrundfarbe bzw. benutzerdefinierter Hintergrundverlauf
var cs_background_color = "transparent"; /* Standard = #CCCCCC / Transparenter Hintergrund = transparent */
var cs_background_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = none */
// benutzerdefinierte Schiebereglerfarbe bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_color = "red"; /* Standard = #33CCFF */
var cs_thumb_image = "(to right,transparent,rgba(255,0,0,0.9),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "#2b2c86"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "rgba(255,0,0)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 80; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "tranparent"; /* default ##33CCFF */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "lightgrey"; /* Standard = #000000 */
var cs_buttons_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflaechenfarbe (hover/ueber) bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_hover_color = "#000066"; /* Standard = #000066 */
var cs_buttons_hover_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflächenrundung
var cs_buttons_roundness = 5; /* Standard = 0 (in px) */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
Components.utils.import("resource://gre/modules/Services.jsm");
var ss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
var custom_scrollbars = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar, scrollcorner {\
-moz-appearance: none !important;\
background-color: '+cs_background_color+' !important; \
background-image: '+cs_background_image+' !important; \
}\
scrollbar thumb {\
-moz-appearance: none !important;\
background-color: '+cs_thumb_color+' !important;\
background-image: '+cs_thumb_image+' !important;\
border-radius: '+cs_thumb_roundness+'px !important;\
border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important; \
}\
scrollbar thumb:hover, scrollbar thumb:active {\
-moz-appearance: none !important;\
background-color: '+cs_thumb_hover_color+' !important;\
background-image: '+cs_thumb_hover_image+' !important;\
}\
scrollbar scrollbarbutton {\
-moz-appearance: none !important;\
background-color: '+cs_buttons_color+' !important;\
background-image: '+cs_buttons_image+' !important;\
border-radius: '+cs_buttons_roundness+'px !important;\
}\
scrollbar scrollbarbutton:hover {\
-moz-appearance: none !important;\
background-color: '+cs_buttons_hover_color+' !important;\
background-image: '+cs_buttons_hover_image+' !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
var scrollbar_buttons = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar scrollbarbutton {\
opacity: 0 !important;\
}\
scrollbar[orient="vertical"] scrollbarbutton {\
min-height: 1px !important;\
height: 1px !important;\
max-height: 1px !important;\
}\
scrollbar[orient="horizontal"] scrollbarbutton {\
min-width: 1px !important;\
width: 1px !important;\
max-width: 1px !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
var scrollbar_width = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar[orient="vertical"] scrollbarbutton {\
min-width: 0 !important;\
width: '+custom_scrollbar_width_value+'px !important;\
max-width: '+custom_scrollbar_width_value+'px !important;\
}\
scrollbar[orient="horizontal"] scrollbarbutton {\
min-height: 0 !important;\
height: '+custom_scrollbar_width_value+'px !important;\
max-height: '+custom_scrollbar_width_value+'px !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
var floating_scrollbars = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar {\
position: relative !important;\
z-index: 1000000000 !important;\
}\
scrollbar, scrollcorner {\
background-color: transparent !important; \
background-image: unset !important; \
}\
scrollbar[orient="vertical"] {\
-moz-margin-start: -'+custom_scrollbar_width_value+'px !important;\
width: '+custom_scrollbar_width_value+'px !important;\
}\
scrollbar[orient="horizontal"] {\
margin-top: -'+custom_scrollbar_width_value+'px !important;\
height: '+custom_scrollbar_width_value+'px !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
var scrollbar_opacity = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar {\
opacity: '+custom_opacity_value+' !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
var remove_scrollbars = {
init: function() {
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
@namespace html url("http://www.w3.org/1999/xhtml");\
\
scrollbar, scrollcorner {\
display: none !important;\
visibility: collapse !important;\
}\
\
'), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
// oben aktivierte Einstellungen werden hier ausgefuehrt
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_width==true) scrollbar_width.init();
if(enable_floating_scrollbars==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();
Alles anzeigen
um meinen Scrollbalken anzupassen. Es wird mir aber immer nur der Balken angezeigt, wie er im ursprünglichen Script definiert wurde. Wenn ich etwas ändere, werden diese Änderungen bei mir im Firefox nicht angezeigt...
Auch die UserChromeShaddow.css wird nicht vollständig geladen...
Weiß einer von euch, mit was das zusammenhängt?
P.S. der Scrollbalken sollte so aussehen:
bei mir sieht er aber so aus:
ein
#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
border-radius: 5px !important;
background-color: #000080 !important;
border: none !important; /*Diese Zeile neu hinzugefügt*/
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: white !important;
}
hinzufügen hat geholfen.
Hallo,
seit dem Update auf die Version 102 ist jetzt ein Rahmen um das Drop-Down Menü, welches erscheint, wenn man einen Lesezeichenordner anklickt:
.css für die Lesezeichenleiste
/********************* Lesezeichenleiste********************************************/
/*Symbole in Lesezeichenleiste Farbe ändern*/
#PersonalToolbar .toolbarbutton-1 {
fill: white !important;
}
#PersonalToolbar .toolbarbutton-1:hover {
background-color: #2B2C86 !important;
}
/*Hintergrundfarbe*/
#PersonalToolbar{
background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/
/*Schriftfarbe*/
#PersonalToolbar .bookmark-item{color:white !important}
/*Trennstriche in Lesezeichenleiste*/
#PlacesToolbarItems > toolbarseparator {
margin: 0;
padding-inline: 4px;
appearance: none;
color: white;
}
/*Schriftfarbe der Lesezeichen im drop-down-menü*/
#PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: white !important;
}
#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: black !important;
}
/*hover-Farbe ändern*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
background-color: #2b2c86 !important;
}
/*Hintergrundfarbe beim anklicken*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack {
background-color: #8888B3 !important;
color: inherit;
}
Alles anzeigen
Edit:
falscher Code verlinkt.
Das Dropdown wird mit diesem Code aus der userChromeShadow angesteuert:
Bezüglich Amazon habe ich mal einen Link vorbereitet:
Ich musste auf irgendein Produkt verlinken, das ist also jetzt ziemlich wahllos gewählt. Man kann natürlich dann auch ein beliebiges anderes Produkt auswählen, wofür ich immer noch Provision erhalten würde, aber wenn es aus einer anderen Produktkategorie kommt, deutlich weniger, als wenn es aus der gleichen Produktkategorie kommt. Für den maximalen Ertrag wäre es also am besten, sich einen konkreten Link von mir generieren zu lassen - zu dem Preis, dass ich dann wüsste, was sich derjenige bestellen möchte. Und dass das nicht jeder möchte, dafür habe ich natürlich vollstes Verständnis. Aber mit dem Link ist das immer noch mehr als gar nichts.
Bei Deskmodder.de ist an der rechten Seite (relativ weit unten) auch ein Amazon ref-Link Button. Dieser verlinkt auf die Amazon Startseite. Wenn man dort dann einen Artikel sucht (und öffnet) bleibt der ref erhalten. Wäre so ein Link (den könntest du dann z.B. beim Reiter "Spenden" unterhalb des Jetzt Spenden-Felds) platzieren) eine Möglichkeit?
2002Andreas ich habe jetzt mal deinen Code in meine Userchrome.css eingefügt, jedoch ändert sich damit nichts an der Reihenfolge der Einträge...
Alternativ: wie kann man herausfinden, ob die Webseite den passenden Header sendet?
Über das Netzwerkanalyse-Werkzeug von Firefox. Das listet für jede Anfrage alle Header auf. Aber ich hatte ja extra nach einen Link gefragt. Dann hätte ich genau das geprüft und hier mitgeteilt.
Verstehe ich. Kann man das aber irgendwie so einstellen, dass es egal ist, welchen Typ die Webseite sendet?
Ja. Allerdings würde ich grundsätzlich nicht die Datei handlers.json anfassen und sowas stattdessen via Unternehmensrichtlinie regeln:
BeitragRE: Alten Downloaddialog wieder herstellen
[…]
Gerne doch.
(Quelltext, 12 Zeilen)
Gehört in den Installationsordner vom Fx in den neu angelegten Unterordner:
distribution
2002Andreas11. März 2022 um 17:20 In dem Beispiel musst du "exe" gegen "pptx" austauschen.
In welchem Dateiformat muss die Datei denn angelegt werden?
Wenn der Server den falschen Mimetype sendet, kann Firefox auch nur falsch reagieren. "octet" wäre allgemein nur Download, nix öffnen. Guckst du
BeitragRE: Firefox 98 Bei download von .msg fehlt die Option "Ähnliche Dateien immer öffnen"
[…]
Achte auf deine Wortwahl.
[…]
Das entspricht nicht der Wahrheit. An der Wartbarkeit hat sich mit Firefox 98 nichts verschlechtert, ganz im Gegenteil: Die Option im Kontextmenü, um einen unbekannten Dateitypen hinzuzufügen, ist sogar neu seit Firefox 98.
Nur hat sich eben auch das Standard-Verhalten in Firefox 98 für alle Downloads geändert. Und dementsprechend brauchst du den Dateitypen in den Einstellungen, den du vorher offensichtlich auch nicht in den Einstellungen hattest, um das…
Sören Hentzschel25. März 2022 um 15:02
Verstehe ich. Kann man das aber irgendwie so einstellen, dass es egal ist, welchen Typ die Webseite sendet?
Hallo,
ich habe in den Einstellungen, was bei dem Download von pptx-Dateien passieren soll, "Jedes Mal nachfragen" ausgewählt. Jedoch werden die Dateien weiter gleich gespeichert und nicht gefragt, was ich möchte...
Jemand ne Ahnung, woran das liegt?
Hallo,
bitte nenne die betroffene Websites. In deinem Code ist ein Mime-Type angegeben. Damit besteht eine Abhängigkeit vom Header, den die Website sendet. Wenn die Website nicht diesen MimeType als Header sendet, greift der Code auch nicht.
Hallo,
was ist der "Mime-Type"? Kann ich den nicht einfach entfernen, damit das sicher funktioniert?
Alternativ: wie kann man herausfinden, ob die Webseite den passenden Header sendet?
Hallo,
ich habe in den Einstellungen, was bei dem Download von pptx-Dateien passieren soll, "Jedes Mal nachfragen" ausgewählt. Jedoch werden die Dateien weiter gleich gespeichert und nicht gefragt, was ich möchte...
Jemand ne Ahnung, woran das liegt?
Edit: hier noch meine Änderung der handlers.json, damit pptx überhaupt in der Liste auftaucht: