userchrome.css-Codes gesucht!

  • 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:

    CSS
    menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"]
    {
       background: inherit !important;
       color: #00D !important;
       border: 1px dashed blue !important;
    }
  • 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

  • Der Feinschliff: Die Textfarbe bei ausgegrautem Menü nicht ändern.

    CSS
    menu[_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):

    CSS
    background: 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:

    CSS
    background: url("blau.png") !important;

    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.

  • ne, stimmt nicht. Bei mir gehts nur, wenn ich beide Codes hintereinander schalte:

    ????????????????

    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/427

    Ich 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:

    Und dann das dadrunter noch:


    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

  • 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

  • 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.

  • 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