Firefox 4 anpassen (appmenu-button)

MoMan

HuHu ....
ich habe da mal eine Frage zu dem "appmenu-button".
Und zwar habe ich mir den Button mit folgendem Css-Schnipsel angepasst:

CSS

/*FF-Button anpassen*/
#appmenu-button .button-text
{
display:none !important
}
#appmenu-button dropmarker:before
{
margin-left: -17px !important;
padding-right: 2px !important;
content: "Menü" !important
}
#appmenu-button
{
min-width: 60px !important;
max-width: 60px !important
}

Alles anzeigen

Ergebnis:
[Blockierte Grafik: http://i56.tinypic.com/n206pz.jpg]

Funktioniert also eigentlich genau wie gewünscht, allerdings bekomme ich dadurch folgende
Meldung in der Fehlerkonsole:

Zitat

Warnung: XUL-Box für dropmarker-Element enthält ein Inline-_moz_generated_content_before-Kind-Element, was alle Nachkommen zwingt, von einem Block umgeben zu werden.
Quelldatei: chrome://browser/content/browser.xul
Zeile: 0

Nun wollte ich fragen ob es evtl. einen besseren/schöneren Code-Schnipsel gibt,
oder ob ich die Warnmeldung einfach ignorieren kann?!? :-??

Danke für's Lesen

MaximaleEleganz

Ignorieren! Aus welchem Grund beziehst du die Meldung auf den Schnipsel?

2002Andreas

Zitat von MoMan

Meldung in der Fehlerkonsole:

Erscheint bei mir nicht.

Zitat von MoMan

ob es evtl. einen besseren/schöneren Code-Schnipsel gibt

Ob sie schöner sind mußt du selber beurteilen :wink:

Hier mal eine Auswahl

http://userstyles.org/styles/browse/all/appmenu-button

MoMan

Zitat von MaximaleEleganz

Ignorieren! Aus welchem Grund beziehst du die Meldung auf den Schnipsel?

Nunja ... weil die Meldung, sobald ich den Schnipsel aus der userChrome.css entferne, nicht mehr
in der Fehlerkonsole auftaucht.

Außerdem steht in der Meldung ja auch, das es sich um Inline-Content (hier also das eingefügte Textfeld "Menü")
beim "Dropmarker-Element" handelt.

Ergänzung - benutze die Beta 11 vom Firefox

EDIT:

Zitat von 2002Andreas

Erscheint bei mir nicht.

Habe es gestern Nachmittag bzw. Abend nochmal mit einem komplett neuen Profil
im FF4 Beta11 versucht, selbes Ergebnis. Wenn ich den oben geposteten Code verwende,
bekomme ich die von mir zitierte Warnmeldung, in der Fehlerkonsole. :cry:

Zitat

Ob sie schöner sind mußt du selber beurteilen :wink:

Danke für den Link zu den Userstyles. :wink: <;)
Bin leider nicht dazu gekommen, hier früher mein "alternatives" Ergebniss zu posten, da Forum DOWN !!! :grr:

Also ich habe mir aus den von dir verlinkten Styles nun folgendes Ergebnis zurecht gebastelt:
[Blockierte Grafik: http://www.abload.de/img/button02cm6x.jpg]
(nun mit einem Icon ohne Text, dafür aber ohne Warnmeldung in der Konsole)

CSS

/*FF-Button mit Icon*/	
#appmenu-button{
	 min-width: 60px !important;
	 max-width: 60px !important
	}


#appmenu-button .button-text{
     display:none !important
    } 


#appmenu-button .button-icon{
	 margin-left: -5px;
	 margin-top: 2px;
     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC")
	}


#appmenu-button .button-menu-dropmarker {
     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAAd0SU1FB9oKFxMwECSe2dAAAACQSURBVBjTdY8xCsJAFERn/09CBLUQBMFKi+A9xCNYBM/rKSxSueUWYUEL5dlkG8WB10zxmAnAXNJC//MQsGzb9mpmr2+qqhqAlYB1zvnk7qMkCk3T3IAjsBFgQJdS6s3sKQl3H4EzsAdMkgQ4cIgxXuq6jimlHugAl6RQ1k3FTtJW0l3SEEJ4/9yYjLNiKPkAfxZaieDmW98AAAAASUVORK5CYII%3D") !important;
	}

Alles anzeigen

greatz