Man muss auf jeden Fall auf der linken Seite ein Textbaustein auswählen sonst funktioniert es nicht.
Beiträge von edvoldi
-
-
Rechtsklick drauf..Kopieren..CSS-Selektor..ergibt hier:
ul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1)Das habe ich gerade getestet, funktioniert,
mache morgen weiter.
Damit wird nur diese Erweiterung angesprochen:
Das funktioniert bei mir nicht, teste morgen weiter.
-
Wenn Du das im Firefox 88 machst, klicke links auf einen Eintrag, dann im rechten auf, rechte Maustaste und dann untersuchen.
Rechtsklick drauf..Kopieren..CSS-Selektor..ergibt hier:
Das habe ich gerade gesucht.
Danke
-
wie kann man das Fenster von Clippings überhaupt inspizieren?
genau so wie die anderen Fenster auch, ich habe das hauptsächlich in der Nightlyversion gemacht, da geht es noch besser.
Gruß
EDV-Oldi -
Ja hast Du,
dieser Code:
CSSul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1) { background: url("../../../Icons/Bild87.png") no-repeat !important; margin-left: -22px !important; padding-left: 25px !important; background-position: 4px 0px !important; }passt für den ersten Eintrag, unter Anzeigen/Verbergen, wollte ich eigentlich nichts ändern
Die ID findest du unter:
about:debugging#/runtime/this-firefox
Und dort dann die Interne UUID kopieren und eintragen.Das versuche ich morgen, erst einmal vielen Dank.
Gruß
EDV-Oldi -
Hallo zusammen,
ich habe den Textbaustein-Manager von Clippings angepasst.
Dafür benutze ich folgenden Code:CSS
Alles anzeigen/*** AGENT_SHEET *********************/ /*** Geändert von EDV-Oldie **********/ /*** Letzte Änderung am 30.04.2021 ***/ /* Clippings Manager */ /* Clippings Manager Toolbar */ #toolbar > #new-clipping { background: url("../../../Icons/notizen_new.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #new-clipping:hover { background: skyblue url("../../../Icons/notizen_new.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #new-folder { background: url("../../../Icons/folder.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #new-folder:hover { background: skyblue url("../../../Icons/folder.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #move { background: url("../../../Icons/Bild76.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #move:hover { background: skyblue url("../../../Icons/Bild76.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #delete { background: url("../../../Icons/papierkorb_leer.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #delete:hover { background: skyblue url("../../../Icons/papierkorb_leer.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #undo { background: url("../../../Icons/rückgängig.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #undo:hover { background: skyblue url("../../../Icons/rückgängig.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #clippings-mgr-options { background: url("../../../Icons/Bild75.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #toolbar > #clippings-mgr-options:hover { background: skyblue url("../../../Icons/Bild75.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } /* Untermenü Extras */ /* Hintergrundfarbe */ .ae-menuitem, .context-menu-submenu, .context-menu-list.context-menu-root { background-color: gainsboro !important; } .context-menu-item:nth-child(1) { background: url("../../../Icons/Bild87.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(1):hover { background: skyblue url("../../../Icons/Bild87.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(2) { background: url("../../../Icons/Bild65.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(2):hover { background: skyblue url("../../../Icons/Bild65.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(4) { background: url("../../../Icons/calendar_l.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(4):hover { background: skyblue url("../../../Icons/calendar_l.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(5) { background: url("../../../Icons/calendar_r.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(5):hover { background: skyblue url("../../../Icons/calendar_r.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(7) { background: url("../../../Icons/Übersetzung_1.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(7):hover { background: skyblue url("../../../Icons/Übersetzung_1.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-submenu { background: url("../../../Icons/Bild13.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-submenu:hover { background: skyblue url("../../../Icons/Bild13.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(10) { background: url("../../../Icons/fenster_voll.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(10):hover { background: skyblue url("../../../Icons/fenster_voll.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(13) { background: url("../../../Icons/config_2.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } .context-menu-item:nth-child(13):hover { background: skyblue url("../../../Icons/config_2.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } #search-box { background-color: aliceblue !important; } /* Hintergrund linke Seite */ ul.fancytree-container, #item-properties > #placeholder-toolbar { background-color: lightgrey !important; } /* Hintergrund der gesamten rechten Seite */ #item-properties.vbox.browser-style { background-color: #EDEDED !important; } /* Hintergrund obere rechte Seite */ #clipping-text { background-color: #eeeeee !important; } #clipping-name { background-color: darkgray !important; } /* Hintergrund untere rechte Seite */ #item-properties.folder-only, #item-properties > #source-url-bar, #item-properties > #options-bar { background-color: silver !important; } /* Kontexmenü menu[span="Neu laden"] { background: url("../../../Icons/reload.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } menu[span="Neu laden"]:hover { background: skyblue url("../../../Icons/Bild75.png") no-repeat !important; padding-left: 25px !important; background-position: 5px !important; } */ /* ENDE */Die Anpassung unter Extras habe ich mit
.context-menu-item:nth-child(1) usw.
durchgeführt, leider werden dann aber auch im Untermenü von Anzeigen/Verbergen die selben Symbol verwendet.
Das selbe gilt auch für das Kontextmenü.
hier findet man hinter ::merker noch span Sicherung leider kann ich diese Auswahl nicht in einem Code umsetzen.
Hat einer eine Idee oder ist Clippings so geschrieben dass das nicht funktioniert?Der Code ist in der userContent.css gespeichert.
Gruß
EDV-Oldi -
Mit [itemtype="client"], werden bei Firefox Konto
Danke für den Tipp, habe jetzt meinen Code noch mehr verkürzt.
CSS/* Überschriftfarbe für die Untermenüs */ .subview-subheader, [itemtype="client"] { color: blue !important; font-weight: bold !important; text-align: center !important; text-decoration: underline !important; }
Gruß
EDV-Oldi -
-
Da das ja keine Schaltflächen sind, sondern Überschriften,
habe ich da kein Symbol eingebaut. Überlege aber den Text zu
verschieben oder zentrieren und eine andere Farbe zu vergeben
Ich habe das so gelöst:
CSS.subview-subheader { color: blue !important; font-weight: bold !important; text-align: center !important; text-decoration: underline !important; }
Gruß
EDV-Oldi -
Hallo Boersenfeger,
Zwischendurch ist das ganze Browserfenster auch mal komplett weiss..
bei mir taucht das Problem mit der Version vom 27.04.2021 nicht mehr auf.
Gruß
EDV-Oldi -
Schaut mal in about:config nach der Einstellung
das wars bei mir, Danke für den Tipp
Gruß
EDV-Oldi -
Nightly mit einem neuen Profil gestartet.
Gruß
EDV-Oldi -
Bei mir schon, dafür in der Beta nicht
seltsam
-
Wenn es um die Barrierefreiheit geht, die habe ich auch nur bis zur Beta 89, im Nightly ist die nicht mehr drin.
Gruß
EDV-Oldi -
Hallo Boersenfeger,
Zwischendurch ist das ganze Browserfenster auch mal komplett weiss..
benutzt Du das Script LoadingBar.uc.js ?
Wenn das bei mir aktiv ist habe ich das selbe Problem.
Gruß
EDV-Oldi -
So ich habe jetzt das Script SkipToTopAndBottom.uc.js, da ich das sehr selten benutze, entfernt.
Mit diesem Code:
ZitatAlles anzeigen/* Kopfzeile Kontextmenü */
/* Eine Seite zurück */
#context-back {
list-style-image: url("../../../Icons/zurück.png") !important;
-moz-image-region: auto !important;
}
#context-back:hover {
background: skyblue !important;
}
/* Eine Seite vor */
#context-forward {
list-style-image: url("../../../Icons/vor.png") !important;
-moz-image-region: auto !important;
}
#context-forward:hover {
background: skyblue !important;
}
/* Reload */
#context-reload > .menu-iconic-left {
visibility: hidden !important;
}
#context-reload::before {
margin-right: -30px !important;
margin-left: 12px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 15px !important;
background-image: url("../../../Icons/reload.png") !important;
background-repeat: no-repeat !important;
}
#context-reload:hover {
background: skyblue !important;
}
/* Laden dieser Seite stoppen */
#context-stop > .menu-iconic-left {
visibility: hidden !important;
}
#context-stop::before {
margin-right: -30px !important;
margin-left: 12px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 15px !important;
background-image: url("../../../Icons/Bild118.png") !important;
background-repeat: no-repeat !important;
}
#context-stop:hover {
background: skyblue !important;
}
/* Lesezeichen */
#context-bookmarkpage > .menu-iconic-left {
visibility: hidden !important;
}
#context-bookmarkpage::before {
margin-right: -80px !important;
margin-left: 8px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 15px !important;
background-image: url("../../../Icons/lesezeichen.png") !important;
background-repeat: no-repeat !important;
}
#context-bookmarkpage:hover {
background: skyblue !important;
}
passt es jetzt.
Viele Dank für den Code
-
Was passiert wenn du diese Werte mal änderst?
so:
ZitatAlles anzeigen#context-reload > .menu-iconic-left {
visibility: hidden !important;
}
#context-reload::before {
margin-right: -80px !important;
margin-left: 12px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 15px !important;
background-image: url("../../../Icons/reload.png") !important;
background-repeat: no-repeat !important;
}
#context-reload:hover {
background: red !important;
}
scheint es zu passen, teste jetzt die anderen Symbole
-
Dann funkt dir ein anderer Code dazwischen
wenn ich das Script für den Home-Button weg lasse wird das rote Feld größer.
Gruß
EDV-Oldi -
-
Bei eigenen Icons reicht ganz normal hover mit background-color.
Dann sieht es bei mir mit diesem Code so aus:
CSS#context-bookmarkpage { list-style-image: url("../../../Icons/lesezeichen.png") !important; -moz-image-region: auto !important; } #context-bookmarkpage:hover { background-color: skyblue !important; }
Gruß
EDV-Oldi
