CSS. Script säubern...

Boersenfeger

Diesen Code nutze ich, um in der Menüleiste die einzelnen Einträge abzurunden...

CSS

/* Menüs abgerundet */


    popup:not(#autoscroller), 


    {
      border-radius: 19px !important;
      border-collapse: separate !important;
      -moz-appearance: none !important;
    }




    menubar > menu, menupopup > menu, popup > menu, menuitem, toolbarbutton,popup:not(#autoscroller)
    {
      border-radius: 16px !important;
      border-collapse: separate !important; }
  /* Remove the following comment to revert back to tiny menus: */
       -moz-appearance: none !important;
    }
    #contentAreaContextMenu menuitem[disabled="true"],
    #contentAreaContextMenu menuitem[disabled="true"] + menuseparator,
    menuitem[disabled="true"]
    {
       display: none !important;
      border-radius: 19px !important;
      border-collapse: separate !important;
    }


    menupopup > menu[_moz-menuactive="true"],
    menupopup > menuitem[_moz-menuactive="true"],
    popup > menu[_moz-menuactive="true"],
    popup > menuitem[_moz-menuactive="true"]
    {
      border-radius: 19px !important;
      border-collapse: separate !important;
      /* -moz-appearance: none !important; */
    }

Alles anzeigen

Leider gibt es den Effekt, wenn ich auf einen Menüpunkt hovere, das dieser sich zusammenzieht...dabei springt dann die ganze Leiste... kann man das ausmerzen?
[attachment=1]21-03-2013_183327.jpg[/attachment]
[attachment=0]21-03-2013_183340.jpg[/attachment]

2002Andreas

Hallo Boersenfeger..

im Code waren 3 Fehler die ich mal berichtigt habe.

CSS

/* Menüs abgerundet */


        popup:not(#autoscroller)


        {
          border-radius: 19px !important;
          border-collapse: separate !important;
          -moz-appearance: none !important;
        }




        menubar > menu, menupopup > menu, popup > menu, menuitem, toolbarbutton,popup:not(#autoscroller)
        {
          border-radius: 16px !important;
          border-collapse: separate !important; }
      /* Remove the following comment to revert back to tiny menus: */


        #contentAreaContextMenu menuitem[disabled="true"],
        #contentAreaContextMenu menuitem[disabled="true"] + menuseparator,
        menuitem[disabled="true"]
        {
           display: none !important;
          border-radius: 19px !important;
          border-collapse: separate !important;
        }


        menupopup > menu[_moz-menuactive="true"],
        menupopup > menuitem[_moz-menuactive="true"],
        popup > menu[_moz-menuactive="true"],
        popup > menuitem[_moz-menuactive="true"]
        {
          border-radius: 19px !important;
          border-collapse: separate !important;
          /* -moz-appearance: none !important; */
        }

Alles anzeigen

allerdings bewirkt der Code bei mir gar nichts....oder ich übersehe seine Funktion :-??

Endor

Habe auch mal den obigen Code getestet.
Damit wird bei mir nur im neuen Tab Button, also da wo das + Zeichen ist, der Hintergrund rund.
Das ist alles was sich damit tut. :-??

Mfg.
Endor

2002Andreas

Zitat von 2002Andreas

oder ich übersehe seine Funktion

Zitat von Endor

da wo das + Zeichen ist

Habe ich doch glatt übersehen :oops:

Boersenfeger

Nach langem Suchen fand ich den Übeltäter, es war natürlich ein völlig anderes Script....

CSS

/* Menübar-Textfarbe */


    menubar > menu {
       -moz-appearance: none !important;
       color: #eeffee !important;
       background: #555555 !important;
    }


/* Menübar-Hoverfarbe */
 #main-menubar > menu:hover {
    -moz-appearance: none!important;
       border: none !important;
    background-color:darkblue !important}

Alles anzeigen

Nach Probieren und ändern, sieht dieser nun so aus...

CSS

/* Menübar-Textfarbe */
    menubar > menu {    
       color: #eeffee !important;
       background: #555555 !important;
    }  
/* Menübar-Hoverfarbe */
 #main-menubar > menu:hover {
    background-color:darkblue !important}

und es hüpft nix mehr....
BTW: Meinen anderen Code habe ich wieder in den alten Zustand gebracht, da der korrigierte von 2002Andreas hier nix bewirkte...
Vielen Dank für Eure Zeit....

2002Andreas

Zitat von Boersenfeger

Meinen anderen Code habe ich wieder in den alten Zustand gebracht

Da waren 3 Fehler drin, d.h. er kann nicht richig funktioniert haben.

Boersenfeger

Zitat von 2002Andreas

Da waren 3 Fehler drin, d.h. er kann nicht richig funktioniert haben.

Sorry, ich habe jetzt meinen falschen Code aus dem Script entfernt und deinen dafür eingetragen... es tut sich nix..
Poste deinen Code bitte nochmal als eigenständigen Script mit allen notwendigen einführenden Zeilen, dann teste ich das nochmal...

2002Andreas

Zitat von Boersenfeger

Poste deinen Code bitte nochmal

Steht hier

Re: CSS. Script säubern...

allerdings hier und auch bei Endor(Antwort darunter) nur die eine Funktion die Endor nennt.

Was passiert denn wenn du den Code mal ganz raus lässt bei dir?

Boersenfeger

Mit Code...
[attachment=1]22-03-2013_191444.jpg[/attachment]
Ohne Code
[attachment=0]22-03-2013_191538.jpg[/attachment]
Der gefundene "Ruckelcode mit Hover" arbeitet nur, wenn auch der 1. Code arbeitet...

2002Andreas

Zitat von Boersenfeger

arbeitet nur, wenn auch der 1. Code arbeitet...

Ok, das habe ich nicht weiter getestet dann.