Lesezeichen-Popups einfärben und Buttons näher zusammenrücken.

omar1979

Hello allen..

ich hab jetzt selber versucht (mit Hilfe von Stilbearbeitung und Codes die ich schon hatte) meinen Lesezeichen-Symbolleiste zu färben und sie kleiner zu machen..

Das mit färben konnte ich machen, aber wie bekomme ich bei den Ordnern die Abstände weg?

Bei den einzelnen Lesezeichen hats geklappt aber bei den Ordnern leider nicht.

das wäre die Code:

CSS

#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
  background-color: blue !important;
  color: white !important;
  padding-top: 2 !important; 
    padding-bottom: 1 !important;
}
/* Lesezeichen Ordner Icon setzen */
  .bookmark-item[container="true"],
   treechildren::-moz-tree-image(title, container),
   treechildren::-moz-tree-image(title, query, hostContainer) {
   list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/Folder.ico") !important;
   -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
/* Lesezeichen Abstand kleiner machen */
   #PlacesToolbar :is(menu,menuitem,menupopup) {
   padding-top: 0 !important; 
     padding-bottom: 0 !important;
   color: white !important;
}
   #PlacesToolbar :is(menu,menuitem,menupopup):hover {
   background-color: #3333FF !important;
   color: white !important;
   padding-top: 0 !important; 
     padding-bottom: 0 !important;
}

Alles anzeigen

Besten Dank im Voraus..

2002Andreas

Zitat von omar1979

das wäre die Code:

Sieh mal gaaanz genau hin, was fehlt denn da 2x?

CSS

#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
  background-color: blue !important;
  color: white !important;
  padding-top: 2 !important; 
  padding-bottom: 1 !important;
}

Ansonsten auch:

CSS

#PlacesToolbar :is(menu,menuitem){
  margin: 0 0 !important;
  min-height: 20px !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
}

omar1979

Zitat von 2002Andreas

was fehlt denn da 2x?

diesmal fehlt kein !important.. aber was fehlt sehe ich nicht..

evtl das mit padding auf 0 setzen?

2002Andreas

Zitat von omar1979

aber was fehlt sehe ich nicht..

wenn du:

padding-top: 2 schreibst, dann passt das so nicht.

Hinter eine Zahl größer als 0 kommt dann px

also 2px

milupo

Zitat von 2002Andreas

#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {

Funktioniert sicherlich in der Stilbearbeitung, aber wohl nicht mit der userChrome.css. Wenn, dann mit der userChromeShadow.css und dem dazugehörigen Skript.

omar1979

Zitat von 2002Andreas

Hinter eine Zahl größer als 0 kommt dann px

immernoch gleich..

Zitat von milupo

Funktioniert sicherlich in der Stilbearbeitung, aber wohl nicht mit der userChrome.css. Wenn, dann mit der userChromeShadow.css und dem dazugehörigen Skript.

ist komplizierter als ich dachte..

2002Andreas

Zitat von omar1979

immernoch gleich..

teste mal den unteren Code aus Beitrag Nr. 2

Zitat von omar1979

ist komplizierter als ich dachte..

omar1979

Zitat von 2002Andreas

Code aus Beitrag Nr. 2

Das macht nur die Breite kürzer..

milupo

Zitat von omar1979

ist komplizierter als ich dachte..

Das ist ein spezieller Fall. Das Element arrowscrollbox liegt unter einem Element mit der ID #shadow-root. Elemente die sich unter #shadow-root befinden, funktionieren in der userChrome.css nicht. Darunter liegende Elemente erkennt man auch daran, dass sie das Pseudoelement ::part haben.

BrokenHeart hat ein Skript entwickelt und eine spezielle Datei userChromeShadow.css, mit denen man dennoch darauf zugreifen kann. Andeas hat dazu noch ein weiteres Skript mit einer Symbolgrafik beigesteuert, mit denen man die userChromeShadow.css aufrufen kann.

omar1979

zu kompliziert für einen Anfänger wie mich

ich glaube nachdem ich das mit Lesezeichen einfärben erledigt habe höre ich auf damit.

Habe jetzt getestet mit der CSS und FF neugestartet.. funkt wirklich nicht.

für nix mir die Mühe gemacht und gearbeitet daran.

2002Andreas

Zitat von omar1979

Das macht nur die Breite kürzer..

Dann funkt dir etwas anderes dazwischen.

Siehe meinen Screenshot in Beitrag Nr. 2

Die Ordner sind dicht untereinander.

Zitat von omar1979

für nix mir die Mühe gemacht und gearbeitet daran.

Ja und

Geht anderen manchmal auch so, ist doch kein Grund aufzugeben.

Zitat von omar1979

zu kompliziert für einen Anfänger wie mich

Ein Script installieren..und eine Textdatei erstellen, das ist alles

milupo

Zitat von omar1979

zu kompliziert für einen Anfänger wie mich

Es ist nicht weiter kompliziert. Du brauchst nur zwei Skripte abspeichern und den Code in die userChromeShadow.css statt die userChrome.css reinschreiben. Dazu die Grafik für das Symbol.

Aber 2002Andreas hat dir ja eine zweite Möglichkeit geboten.

2002Andreas Wie ist denn das mit folgendem Code?

CSS

/*Vertikale Abstände der Einträge im Ordnermenü der Lesezeichenleiste kleiner*/
#PlacesToolbar menuitem,
#PlacesToolbar menu
{
    margin: 4 0 0 0 !important;
    min-height: 17px !important;
    padding: 0 !important;
}

2002Andreas

Zitat von milupo

Wie ist denn das mit folgendem Code?

Ergibt hier:

Also nicht wirklich anders als der untere Code aus Beitrag Nr. 2

Wobei das so nicht geht:

margin: 4 0 0 0 !important;

Hinter der 4 muss mind. noch px stehen.

omar1979

Zitat von 2002Andreas

Dann funkt dir etwas anderes dazwischen.

Keine Ahnung was es sein kann.

Habe jetzt im Lesezeichen.css nach

Code

#PlacesToolbar :is(menu,menuitem)

untersucht und nur 1 Beitrag gefunden, denn ich eh deaktiviert habe bevor mit dem Angefangen habe.

2002Andreas

Zitat von omar1979

Keine Ahnung was es sein kann.

Dein Ordner:

Meine Lesezeichen

ist ein ganz normaler Ordner auf der Lesezeichensymbolleiste?

omar1979

Zitat von 2002Andreas

aus Beitrag Nr. 2

milupo

Zitat von 2002Andreas

Wobei das so nicht geht:

Ja, natürlich. Habe ich bloß von irgendwoher einfach übernommen.

omar1979

Zitat von 2002Andreas

Ordner auf der Lesezeichensymbolleiste?

kA wie du das meinst, aber ich glaube schon

2002Andreas

Teste bitte mal so:

CSS

:is(menu,menuitem){
  margin: 0 0 !important;
  min-height: 20px !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
}

Zitat von omar1979

kA wie du das meinst

Weil du mal alles verschoben hattest.

Ist der Ordner bei dir denn auf der Lesezeichensymbolleiste?

omar1979

Lesezeichen-Popups einfärben und Buttons näher zusammenrücken.

Ähnliche Themen

Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

menuseparator von den 7 menüs im menübar entfernen.