Scrollbar/Bildlaufleiste Farbe anpassen

geius

So ich habe im Forum gesucht aber nichts hilft.

Ich möchte die Bildlaufleiste/Scrollleiste rechts im FF verändern und zwar so, dass entweder der Hintergrund oder der Schieber eine andere Farbe bekommen. In Windows selbst kann man das ja sinnvollerweise nicht ändern, also muss es in FF reichen.

Bisher habe ich schon probiert die Scrollbar.css in der classic.jar zu ändern - hauptsächlich background: tags verändert, wobei ich aber von css nicht viel Ahnung habe und ggf was falsch gemacht habe - sowie dort die scrollbar\slider.gif zu ändern, allerdings hat FF das überhaupt nicht interessiert.
Dann habe ich diverse Codezeilen probiert, die ich im Forum gefunden habe und sie in die userChrome.css und userContent.css eingetragen - FF hat auch das nicht interessiert.

Vorschläge?

Danke

Brummelchen

Ich bezweifle, dass das überhaupt möglich ist, weil es ein Webseitenelement ist.
Firefox nimmt IMO nicht mal ansatzweise CSS dazu an, iG zum IE.
► http://de.selfhtml.org/css/eigenschaf…r.htm#scrollbar

2002Andreas

Zitat von geius

Ich möchte die Bildlaufleiste/Scrollleiste rechts im FF verändern

Meinst du das so?

CSS

#bookmarksMenuPopup{
  max-height: 610px !important;
}
#bookmarksMenuPopup autorepeatbutton,
#personal-bookmarks autorepeatbutton {
  display: none !important;
}
#bookmarksMenuPopup scrollbox,
#personal-bookmarks scrollbox {
  overflow-y: auto !important;
}
thumb{
-moz-appearance: none!important;
background:red!important}


scrollbar{
-moz-appearance: none!important;
background-color:lightgrey!important}


scrollbarbutton{
-moz-appearance: none!important;
background-color:darkgrey!important}

Alles anzeigen

[Blockierte Grafik: http://www8.pic-upload.de/thumb/23.04.11/vny24w8vmui7.jpg]

Farben wenn dann anpassen.

Brummelchen

Das betrifft dann aber alle Laufleisten? (laut Bild)

2002Andreas

Ja, wenn es nicht so sein soll dann aus dem Code das entfernen

CSS

#bookmarksMenuPopup{
      max-height: 610px !important;
    }
    #bookmarksMenuPopup autorepeatbutton,
    #personal-bookmarks autorepeatbutton {
      display: none !important;
    }
    #bookmarksMenuPopup scrollbox,
    #personal-bookmarks scrollbox {
      overflow-y: auto !important;
    }

Alles anzeigen

entfernen.

geius

Ja genau andreas.

Habe das nun in die beiden css eingefügt. Annehmen tut er das wohl, da ich in den Lesezeichen einen Scrollbalken habe - die Farbänderung interessiert FF aber weiterhin nicht

Ideen?

EDIT:
Btw, in der css steht
scrollbar {
-moz-appearance: scrollbartrack-horizontal;}

was bedeutet das? Meiner Ansicht nach (ich habe nicht wirklich Ahnung von css) wird da dem Scrollbarelement ein vordefiniertes Aussehen verpasst, nämlich " scrollbartrack-horizontal" - die Frage ist nur, wo wird " scrollbartrack-horizontal" definiert? In keiner der .jar Dateien ist was davon zu finden. Wo liegt mein Denkfehler?

Danke

geius

Gerade festgestellt, dass der Scrollbalken den man hat wenn man mit AdBlock die Liste mit den blockierten Elementen anzeigt richtig eingefärbt ist.
Der normale Scrollbalken rechts im Bild scheint aber die Windowseinstellungen zu benutzen noch.

2002Andreas

Zitat von geius

Der normale Scrollbalken rechts im Bild...

Ich habe obigen Code per Stylish laufen, und bei mir sind alle vorhandenen Scrollbalken farbig. :-??

geius

Naja mit stylish geht es; aber das muss doch auch mit den .css gehen; hm.

geius

Mittlerweile jemand eine Idee warum ein simples

thumb{
-moz-appearance: none!important;
background:red!important}

mit Stylish funktioniert mit der userChrome.css aber nicht?

Spiderman-21

Zitat von 2002Andreas

Meinst du das so?

CSS

#bookmarksMenuPopup{
  max-height: 610px !important;
}
#bookmarksMenuPopup autorepeatbutton,
#personal-bookmarks autorepeatbutton {
  display: none !important;
}
#bookmarksMenuPopup scrollbox,
#personal-bookmarks scrollbox {
  overflow-y: auto !important;
}
thumb{
-moz-appearance: none!important;
background:red!important}


scrollbar{
-moz-appearance: none!important;
background-color:lightgrey!important}


scrollbarbutton{
-moz-appearance: none!important;
background-color:darkgrey!important}

Alles anzeigen

[Blockierte Grafik: http://www8.pic-upload.de/thumb/23.04.11/vny24w8vmui7.jpg]

Farben wenn dann anpassen.

Ich habe diesen Code auch eingefügt und die Farbe rot in blau für den Thumb geändert.
Als nicht gewünschte Ursache habe ich dann jedoch festgestellt, dass meine 3-zeilige Lesezeichensymbolleiste nicht mehr vollständig angezeigt wird.
Diese Lesezeichenymbolleiste sollte nicht verändert werden.

Nächste Frage: Wie ist der Code, dass alle Thumbs verändert werden; z.B. auch die in den Antwortfeldern??

2002Andreas

Bei mir sind alle Thumbs rot mit dem Code. :-??

[Blockierte Grafik: http://www8.pic-upload.de/thumb/07.08.11/yfe19z726d3r.jpg]

Spiderman-21

Zitat von 2002Andreas

Bei mir sind alle Thumbs rot mit dem Code. :-??
[Blockierte Grafik: http://www8.pic-upload.de/thumb/07.08.11/yfe19z726d3r.jpg]

PN unterwegs.
Nur verändert sich meine 3-zeilige Lesezeichensymbolleiste, die wird einzeilig.
Habe die Erweiterung Multirow Bookmarks Toolbar Plus 1.0 und hier auf 3 Zeilen eingestellt.

Spiderman-21

Info an alle User:

Mein Problem, dass die 3-zeilige Lesezeichensymbolleiste nicht komplett angezeigt wurde, hat 2002Andreas gelöst. Ein dickes DANKE SCHÖN an ihn.
Es muss im Code die unten kopierte Passage gelöscht werden; dann werden der farbige Scrollbalken und alle Lesezeichensymbolleisten angezeigt.

CSS

#bookmarksMenuPopup{
  max-height: 610px !important;
}
#bookmarksMenuPopup autorepeatbutton,
#personal-bookmarks autorepeatbutton {
  display: none !important;
}
#bookmarksMenuPopup scrollbox,
#personal-bookmarks scrollbox {
  overflow-y: auto !important;
}

Alles anzeigen

2002Andreas

Zitat von Spiderman-21

Ein dickes DANKE SCHÖN an ihn.

Bitte, gern geschehen. Freut mich das ich dir helfen konnte