userchrome.css-Codes gesucht!
-
captain chaos -
7. Mai 2006 um 13:11 -
Geschlossen -
Erledigt
-
-
Genau die mein ich! :wink:
-
Ich hab jetzt auch mal ne Frage: Wie kriege ich es hin, dass die Pfeile, Bullets und Häkchen in den Menüs nicht die Farbe wechseln, wenn der Menüpunkt markiert ist?
[Blockierte Grafik: http://img178.imageshack.us/img178/9641/menu1xa9.png] --- [Blockierte Grafik: http://img98.imageshack.us/img98/1909/menu2rg4.png]
Um die Frage vorwegzunehmen: Das momentane Aussehen erreiche ich so:
-
-
Zitat von Pumbaa80
Ich hab jetzt auch mal ne Frage: Wie kriege ich es hin, dass die Pfeile, Bullets und Häkchen in den Menüs nicht die Farbe wechseln, wenn der Menüpunkt markiert ist?
Das ist relativ kompliziert.
So müsste es gehen:
CSS.menu-right[_moz-menuactive="true"] {list-style-image: url(chrome://global/skin/menu/Menu-arrow.png) !important;} .menu-right[disabled="true"] {list-style-image: url(chrome://global/skin/menu/Menu-arrow-disabled.png) !important;} menuitem[checked="true"]{list-style-image: url(chrome://global/skin/menu/menu-check.gif) !important;} menuitem[checked="true"][type="radio"]{list-style-image: url(chrome://global/skin/menu/menu-radio.gif) !important;}
EDIT: Update -
:klasse: cool, danke!
Sicherheitshalber noch ein [type="checkbox"] in die vorletzte Zeile, dann ist es perfekt.
-
Der Feinschliff: Die Textfarbe bei ausgegrautem Menü nicht ändern.
CSSmenu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { background: /*Farbe*/ !important; border: 1px dashed blue !important; } menu[_moz-menuactive="true"]:not([disabled="true"]), menuitem[_moz-menuactive="true"]:not([disabled="true"]) { color: #00D !important; }
Anstatt /*Farbe*/ kann man auch ein Bild einsetzen, z.B. dieses hier (halbtransparentes blaues Feld):CSSbackground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAY AAAAfFcSJAAAADUlEQVR42mNgqP/PCgADhQGE6CYiPAAAAABJRU5ErkJggg==") !important; /*Den Zeilenumbruch entfernen!*/
Zum Encoden gibt es diese Seite: http://www.motobit.com/util/base64-decoder-encoder.asp
Oder man packt einfach eine Grafik in den chrome-Ordner:Das ganze sieht jetzt so aus:
[Blockierte Grafik: http://img84.imageshack.us/img84/4997/menu3wd5.png]
Da die Grafik halbtransparent ist, sieht das auch mit (manchen) anderen Themes ganz gut aus. -
Pumbaa80:
Bist du sicher, dass der Code richtig ist? Damit ist meine Hintergrundfarbe der Markierung im Menü schwarz. Mit dem Code, den du der Frage vorweggenommen hattest, geht es aber. -
Welchen Code genau hast Du jetzt genommen?
-
ne, stimmt nicht. Bei mir gehts nur, wenn ich beide Codes hintereinander schalte:
CSS
Alles anzeigenmenu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { background: inherit !important; color: #00D !important; border: 1px dashed blue !important; } menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { background: inherit !important; border: 1px dashed blue !important; } menu[_moz-menuactive="true"]:not([disabled="true"]), menuitem[_moz-menuactive="true"]:not([disabled="true"]) { color: #00D !important; }
????????????????
PS: das komische is, vorhin gings mit dem ersten. Und mit dem zweiten auch. Jetzt nur mit beiden??? Ich kapiers nich.....
-
Da fällt mir ein, kann es was damit zu tun haben, dass ich gerade versucht habe, einen stylish-Code in die userchrome.css zu schmeissen?
Und zwar diesen: Window Blinds Lookin Menu Hovers
http://userstyles.org/style/show/427Ich wollte mir daraus nur das zusammenstauchen der Menüs klauen und vielleicht noch was anderes, also habe ich alles, was über und unter diesen base-Teilen war, reinkopiert. Also einmal das obige:
CSS
Alles anzeigenmenuitem[label] { -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; } menupopup menu[label], popup menu[label] { -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important; } /* ::::: Menupopup, Popup Menuitem Hovers ::::: */ /* Get rid of Dotted border */ menupopup > menu, menupopup > menuitem, popup > menu, popup > menuitem, menu.bookmark-item, menuitem.bookmark-item { height: 16px !important; border: none !important; margin: 0 !important; padding: 0px 2px 0px 2px !important; } /* Adjust for Text */ .menu-iconic-text { height: 16px !important; margin: 0px 0px 0px 11px !important; padding: 1px 5px 0px 0px !important; font: bold 0.95em Arial,Helvetica,sans-serif !important; } /* Get Rid of Background Highlight color for Menuitems Highlight Image */ menupopup > menu:not([disabled="true"])[_moz-menuactive="true"], menupopup > menuitem:not([disabled="true"])[_moz-menuactive="true"], popup > menu:not([disabled="true"])[_moz-menuactive="true"], popup > menuitem:not([disabled="true"])[_moz-menuactive="true"] { border: none !important; color: /* #004E9C */ white !important; } /* Adjust for Arrows */ menupopup > menu > hbox.menu-right, popup > menu > hbox.menu-right { padding: 2px 0px 0px 2px!important; margin-right: 1px !important; } /* Adjust for Acc Labels */ .menu-accel, .menu-iconic-accel { height: 16px !important; margin: 0px 2px 0px 2px !important; padding: 1px 6px 0px 0px !important; } popup > menu > hbox[anonid="accel"], menupopup > menu > hbox[anonid="accel"], menuitem > hbox[anonid="accel"] { height: 16px !important; } /* Align Menu Acc Labels to the Right */ menuitem > hbox[anonid="accel"] { -moz-box-pack: end; }
Und dann das dadrunter noch:
CSS
Alles anzeigen/* Overide Default Themes Setting */ .menulist-menupopup > menuitem > .menu-iconic-left, menulist > menupopup > menuitem > .menu-iconic-left, .menulist-menupopup > menu > .menu-iconic-left, menulist > menupopup > menu > .menu-iconic-left { display: -moz-box !important; } /* Align Submenus */ /* Optional & May Vary Depending on bordering Width of Popup & Menupopup */ menupopup > menu > menupopup, popup > menu > menupopup { margin-top: -5px !important; -moz-margin-start: -1px !important; } /* Adjust Icons */ menu .menu-iconic-left, menuitem .menu-iconic-left { margin: 0px 2px 0px 1px !important; } /* Menuitem Active Font Color */ menupopup > menuitem[_moz-menuactive="true"]:active, popup > menuitem[_moz-menuactive="true"]:active { color: #004E9C !important; } /* ::::: Menupopup, Popup Menuitem Hovers End ::::: */ /* Last Minute Adjustments,LOL */ .menu-iconic-left { width: 16px !important; padding-right: 0px !important; } menuitem[label="Open in Tabs"] .menu-iconic-text { color: rgb(28,28,28) !important; font-size: 8pt !important; font-style: italic !important; }
Diese beiden hatte ich einzeln drin und hab damit ein wenig rumexperimentiert,. sprich diverses gelöscht, was so aussah, dass ich es nicht brauche.Irgendwann danach fiel auf, dass die Menüs wieder so komisch schwarz sind. Hat das vielleicht irgendwas überschrieben???? Obwohl der ganze Kram gar nicht mehr in meiner userchrome.css drin ist ??
EDIT:
- im reinen Profil keine Änderung
- hab mal FF neu drübrinstalliert: keine Änderung -
naja, dann lass ich halt beide Codes drin....was solls.
hätte mal was neues:
Wie krieg ich in der Suchleiste das Googlesymbol ganz nach rechts? -
Der DOMI sagt das hier:
[Blockierte Grafik: http://img48.imageshack.us/img48/9206/capture04102006225345pz0.th.jpg]
Daraus müste sich was basteln lassen.
Ich würde auch mal gerne was gegen checken wollen. Dazu bräuchten wir Schrauberkameraden, die die Erweiterung CuteMenu/Crystal und neben dem Default-Theme noch ein anderes nutzen.
Es gibt dazu einen schönen Chromehack, der bei mir aber nicht richtig funktionieren will. Jetzt weiß ich aber nicht, obs am anderen Theme, oder anderen Codes liegt. Es wäre nett, wenn das einer mal durch checken könnte.http://userstyles.org/style/show/1058
http://userstyles.org/style/show/739 -
ja, danke...habe mal nen bissel rumprobiert, aber ich kriegs nich hin.
So irgendwie?
.searchbar-engine-image .searchbar-dropmarker-image {
right: 2px !important;
} -
Hallö
Muss mal dazwischen Funken
Wie kann ich die Abstände der Symbole auf der Lesezeichen-Symbolleiste verkleinern ? (default theme)
-
right alleine wird da wohl nicht reichen. margin-right, oder padding-right müsste es schon sein.
-
Branko: versuch mal das
CSS/* Bookmarkicons weiter ausnander/enger zusammen */ #personal-bookmarks toolbarbutton { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important }
allerdings ist die Hovermarkierung damit ein wenig verschoben. Hab danach schon im Forum gefrqagt, aber bis jetzt gibts da noch keine vernünftige Lösung. -
@Michael_Corvin
ich find´s ok so.Danke
-
Bitte. Ich finds zwar nicht ok so, aber dann werde ich wohl weiterhin damit leben müssen
zum Google-Symbol in der Suchleiste:
.searchbar-engine-image .searchbar-dropmarker-image {
margin-right: 20px !important;
}--> keine Änderung, auch nicht, wenn ich padding für margin einsetze, oder beides nehme oder dazu noch right....
Und da ich über eine unglaubliche CSS-Programmiererfahrung verfüge, habe ich mal hier geguckt, aber ich kann da nix vernünftiges finden.........
http://de.selfhtml.org/navigation/css.htm#rahmen -
-