Hintergrundfarbe des ausgewählten Textes des Kontextmenüs in Suchleiste ändern

macko

Zitat von testerer

Tatsache, mit dem Code von macko geht es jetzt wie gewünscht. Danke euch beiden! Wieder was Interessantes gelernt.:D

Gern geschehen. Schön das ich helfen konnte

Zitat von 2002Andreas

Hier mit einem ganz neuen Profil und meinem Code:

Kann dir auf den ersten Blick auch nicht sagen, aus welchen Grund es sich bei dir anders verhält, vermute aber dass es mit der anderen Menüdarstellung bei dir zu tun haben könnte. Bei dir sind nämlich sowohl die Schrift als auch die Abstände völlig anders als bei mir. (andere Auflösungsskalierung vielleicht?)
Bei mir sieht es jedenfalls so aus mit deinem Code: (Bild anklicken um die Animation zu starten)
[attachment=0]suchleistemenü.gif[/attachment]

2002Andreas

Hallo macko...

wenn dann könnte das der Grund hier sein, will das jetzt aber nicht extra umstellen :wink:

[attachment=0]Zwischenablage01.png[/attachment]

testerer

macko

Jetzt würde ich mich noch mehr freuen, wenn du deinen Code entsprechend für die Adressleiste, das Kontextmenü bei Rechtsklick auf einer Seite und das Kontextmenü bei Rechtsklick auf einen Link anpassen könntest.

2002Andreas

Teste bitte.

CSS

#urlbar menupopup menuitem:hover{
-moz-appearance:none!important;
background: #a39c92 !important;
height: 22px !important;
}

2002Andreas

Und so überall:

CSS

menupopup menuitem:hover{
-moz-appearance:none!important;
background: #a39c92 !important;
height: 22px !important;
}

testerer

Ganz herzlichen Dank!
Ich glaube, mittlerweile habe ich alles Blaue entfernt. :lol:

2002Andreas

Zitat von testerer

alles Blaue entfernt.

Dafür sollte dann der letzte Code ausreichen.

2002Andreas

Und so wenn er auch für evtl.Menüs (Lesezeichen etc.) sein soll:

CSS

menupopup menuitem:hover,
menupopup menu:hover{
-moz-appearance:none!important;
background: #a39c92 !important;
height: 22px !important;
}

testerer

Wirklich Danke.
Komischerweise habe ich im Kontextmenü jetzt ein erneutes Verkleinerungsproblem:

2002Andreas

Hast du nur den Reloadbutton oben drin :-??

2002Andreas

Weil so sieht das (normal) aus:

[attachment=0]Screenshot (1117).png[/attachment]

testerer

Ja, aber ohne die Farbänderung verkleinert sich der Reloadbutton nicht.

2002Andreas

Das könnte! in diesem Fall an der Begrenzung von 22px liegen :-??

Entfern die bitte mal, um das zu prüfen.

Wenn dem dann so ist, kannst du den pauschalen Code so wohl nicht nutzen.

testerer

Ja, ohne Höhenbegrenzung bleibt es normal.
Wie heißen denn alle Kontextmenüs, sodass ich bei allen außer dem mit Seite neu laden eine Höhenbegrenzung einstelle?

macko

Zitat von 2002Andreas

Das könnte! in diesem Fall an der Begrenzung von 22px liegen :-??

Richtig, und auch weil er die anderen Schaltflächen ausgeblendet hat. Aus diesem Grund verkleinert sich beim Überfahren mit der Maus das Neuladen-Kontextmenü in der Höhe von 32px auf 22px.
Dieses Problem kann man aber leicht lösen, indem testerer einfach folgenden CSS-Code hinzufügt:

CSS

#context-reload{
 height: 32px !important; 
}

testerer

Super, jetzt läuft alles wie gewünscht!
Wirklich nochmals Danke! Wusste bis vor drei Monaten noch nicht einmal, dass man Firefox überhaupt so modifizieren kann.

2002Andreas

Wenn du noch mehr Änderungen machen solltest, dann wäre es besser die userChrome.css anzupassen:

Re: Diverse Lösungen für Nightly gesucht

Das ist dann auch viel übersichtlicher.

Falkfisch

Ich bin jetzt schon seit einiger Zeit stiller Mitleser des Forums und konnte mit einigen Tipps meinen Firefox auch an meine Bedürfnissen anpassen. Grundsätzlich bin ich mit meiner Einstellung der .css auch zufrieden, aaaber ein paar Kleinigkeiten krieg ich einfach nicht ausgebügelt...
z.B. ein Ordner in der Lesezeichenleiste, soll mir ja mehrere Lesezeichen anzeigen, nur kann ich kaum was erkennen, weil ich beim besten Willen die Farbeinstellung der Schrifft und ders Hovereffekt's nicht ändern kann...

[attachment=1]Ist.png[/attachment]
[attachment=0]Soll.png[/attachment]
meine Hoffnung ist nun, dass sich einer, der mehr Ahnung von der Materie hat, meiner erbarmt, sich mal die .css anschaut und mir vielleicht auch gleich korrigiert...

CSS

image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
  background-color: #F8F8FF!important;
  border-style: none!important;
  color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
  background-color: #F8F8FF!important;
  border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
  background-color: transparent!important;
  border-style: none!important;
  color: #none!important;
  text-shadow: #none!important;
}
.tabbrowser-tab, .tabs-newtab-button
{
  background: transparent !important;
  text-shadow: #FFF 0px 0px 2px !important;
  font-size: 0.9em !important;
  box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
  height: 24px !important;
  border: none !important;
}
.tabs-newtab-button
{
  margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
  margin-left: 1px !important;
  color: #000000 !important;
}
.tabbrowser-tab[selected="true"]
{
  background: transparent !important;
  color: #000000 !important;
  text-shadow: none !important;
  box-shadow: inset 0px 0px 10px 0px #81F0F6 !important;
}
.tabbrowser-tab:hover
{
  background: transparent !important;
  color: #000000 !important;
  text-shadow: #555444 0px 0px 2px !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
    #main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
    #main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
  background: transparent !important;
  color: #FFFFFF !important;
  -moz-appearance: none !important;
}
.chromeclass-directories *, #bookmarksPanel *
{
  color: #FFFFFF !important;
  text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
  -moz-appearance: -moz-win-borderless-glass !important;
  background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
  opacity: 0 !important;
}
#gtbToolbar
{
  background-color: transparent !important;
}
#identity-box.unknownIdentity
{
  opacity: 0.5 !important;
  background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
  opacity: 1 !important;
  background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{


     background-color: transparent!important;
     color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
    border-left: none !important;
}
.tab-background {
  border-radius: 12px 12px 0px 0px !important;
  border-image: none !important;
  border-left: 1px solid !important;
  border-right: 1px solid !important;
  border-top: 1px solid !important;
  background-color: #FF8000 !important;
}
.tab-line {
  display: none !important;
}
.tab-background[selected="true"] {
background: #58FA58 !important;
}

Alles anzeigen

Mit dem Classic Theme Restorer konnte man die Tabs zweifarbig färben, geht das mit der .css auch noch?

Edit 2002Andreas
Text in Klammercode gesetzt.

2002Andreas

Hallo und Willkommen hier im Forum.

In Zeile 58 von deinem Code hast du diesen Eintrag:

CSS

.chromeclass-directories *,#bookmarksPanel * 
{
color: #FFFFFF !important;
text-shadow: none !important;
}

Den bitte mal ändern zu:

CSS

.chromeclass-directories ,#bookmarksPanel * 
{
color: #FFFFFF !important;
text-shadow: none !important;
}

Also nach .chromeclass-directories den * entfernen. Und dann testen.

2002Andreas

Das wäre der kompl. Code geändert:

CSS

image#page-proxy-favicon, box.unknownIdentity#identity-box, stack#page-proxy-stack, searchbar#searchbar textbox, textbox#urlbar, #PersonalToolbar, #personal-bookmarks, tabs.tabbrowser-tabs#tabbrowser#tabs, #content,#appcontent,#content > tabbox > tabpanels
{
background-color: #F8F8FF!important;
border-style: none!important;
color: #none!important;
}
searchbar#searchbar textbox:hover, #urlbar:hover
{
background-color: #F8F8FF!important;
border-style: none!important;
}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton
{
background-color: transparent!important;
border-style: none!important;
color: #none!important;
text-shadow: #none!important;
}
.tabbrowser-tab, .tabs-newtab-button
{
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border: none !important;
}
.tabs-newtab-button
{
margin-left: 1px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 1px !important;
color: #000000 !important;
}
.tabbrowser-tab[selected="true"]
{
background: transparent !important;
color: #000000 !important;
text-shadow: none !important;
box-shadow: inset 0px 0px 10px 0px #81F0F6 !important;
}
.tabbrowser-tab:hover
{
background: transparent !important;
color: #000000 !important;
text-shadow: #555444 0px 0px 2px !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
.chromeclass-directories ,#bookmarksPanel * 
{
color: #FFFFFF !important;
text-shadow: none !important;
}
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src])
{
opacity: 0 !important;
}
#gtbToolbar
{
background-color: transparent !important;
}
#identity-box.unknownIdentity
{
opacity: 0.5 !important;
background: transparent!important;
}
#identity-box.unknownIdentity:hover
{
opacity: 1 !important;
background-color: rgba(129, 240, 246, 0.2)!important;
}
#personal-bookmarks{


background-color: transparent!important;
color: #F8F8FF !important;
}
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 1px !important;
}
.searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
}
#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
border-left: none !important;
}
.tab-background {
border-radius: 12px 12px 0px 0px !important;
border-image: none !important;
border-left: 1px solid !important;
border-right: 1px solid !important;
border-top: 1px solid !important;
background-color: #FF8000 !important;
}
.tab-line {
display: none !important;
}
.tab-background[selected="true"] {
background: #58FA58 !important;
}

Alles anzeigen