Icon in der Menüleiste

hwww

Hallo einen schönen Ostersonntagmorgen
Habe FF 60.6.1 esr Portable
Habe mir von "https://github.com/Endor8/userChrome.js" das Script "aboutbutton" für FF 60 runter geladen. Es mit UTV-8 codiert und in den Profilordner - chrome gespeichert. Nach Neustart von FF in die Menüleiste gezogen und es funktioniert auch alles. In der Menüleiste habe ich über einen Eintrag (im Profilordner - chrome - userChrome.css siehe unten) alle Icons mit einem Rahmen versehen (siehe Bild1 unten). Wenn ich ein Icon über Anpassen in die Menüleiste ziehe wird auch sofort der Rahmen darum gelegt. Nur bei dem Icon von "aboutbutton" nicht. Warum?

CSS

/***** Rahmen-Stärke, -Farbe, -Radius und Abstände der Buttons *****/




/******* in der Menue-Leiste******/


#toolbar-menubar toolbarbutton {
    border: 1px solid grey !important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

Alles anzeigen

[attachment=0]bild1.JPG[/attachment]

Bedanke mich schon mal hwww

laubenpieper

Hallo hwww
Lade dir mal von da die neusten Versionen runter
https://github.com/Endor8/userChr…ter/aboutbutton

schöne Ostern wünscht der laubenpieper

hwww

Hallo laubenpieper

Zitat von laubenpieper

Hallo hwww
Lade dir mal von da die neusten Versionen runter
https://github.com/Endor8/userChrome.js ... boutbutton

Ich habe das erst vor ein paar Minuten genau da runter geladen.

Gruß hwww

laubenpieper

Allso bei mir funktionierts ohne Probleme,
lass da mal die Spezies ran.

lp

hwww

Zitat von laubenpieper

Allso bei mir funktionierts ohne Probleme,

Hallo
Das Script funktioniert auch bei mir einwandfrei. Es geht nur um das Aussehen den Rahmen darum.

Gruß hwww

laubenpieper

Die im Programm liegende css Datei in userChrome.css eingespielt ?

lp

hwww

Zitat von laubenpieper

Die im Programm liegende css Datei in userChrome.css eingespielt ?

Entschuldige. Aber welche css Datei in welchem Programm? In der "userChrome.css" liegt schon seit langem das hier:

CSS

/***** Rahmen-Stärke, -Farbe, -Radius und Abstände der Buttons *****/




/******* in der Menue-Leiste******/


#toolbar-menubar toolbarbutton {
    border: 1px solid grey !important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

Alles anzeigen

Und damit werden alle Icons in der Menüleiste so wie im Bild1 #1 angezeigt außer "aboutbutton" .

laubenpieper

Diese hier

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){


/*   about-button Menü  und Rechtsklick Kontextmenüeinträge   */

    #context-about-menu{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvdJREFUeNp8U1tIVFEUXefOnTuj+EpFJTEETSQKogdkBBYRIWERBoZ9BRlYQhj9mH75kUlg9mlhJUEgGZmRRWrkKx+NlD0U0zRmeljojKPjzJ37Ou17nfoQ6Vw253DuWevsddberKbxIRjnrZyjiIODARQMNgEQuN7ijss9KXCDdjnWDoExiIZhtGZu2liUmpIMzlcJRAK/mdMxOS8XM1kpXgs2zwiCAElkj1F14z5fDmvctyxz75JszSvBMC+5Ncx1YlQiEY6EuVb56ihtdnHKgCOsaBiZcFtpmmlJNgZO+xrt1PbNYUtqAtKTnNbV3/0cn+f9uLw7wTxtStCh6TqSExIJTGeIwG7qZ17IJL1waxpa37nhDTjBPnTDM/kRjNJvHs+Bg2cTAcnTNB2d/SOki1kkIjM1JsGgufXtV5zZl4k7d1twMCsFp05UYnHRj5npaXgGhyDCMKBqGgry91gEzCJgGOuaAilBxYFMa1anXNhccAGd3a8w/mkcqhyE3Wa6QEoUkvC81/VPggmI4U6U3x4lO4lUEJHhlBAIBpG4IRErAT/md5QitPCj3bQRiqKiYH/eag2wiE1ELLEgmu61oa76/K72By0ukbTHxsZADmtIdt2EKNqOimQ+STDQ+XrYun2VwPw4juzNRYeSjMKWiZKd2xHyBgJRkiShuroSuqqjvqHBsDKQNRW52WlWidiYSC7Y4RAMVPW4MRudjabDuRev9c/gkDz2q3tgJBU28+mM6YGBvkuiWaRKWLWcsO4mcO3gZsyGTmNRqkB/2TacbfMgNS4OjUPCQOh6/ZVIQYYovlguKASOcsZjRfbB6YhGVd44jnf7MWiCH3mQHichGPQhNtoR47jaP1qx3AGVHtYsfIGTZp2KKawuUQ/YEFK84EyhalRR/nQO6fFOhIJ+jL13vfhdc+ycHYb1wCyShiivLPc8edabbzbS30ZxMAM5LA2eb8C83YaFn+6Xc3UlZRm1XTPhdRoriyIB/x8+ipn1fvwRYABPz3B9ncIrWwAAAABJRU5ErkJggg==") !important;
    padding-left:4px !important;}

    #context-about-menu .menu-iconic-text{
    padding-left:10px !important;}	

    #context-about-menu > menupopup:nth-child(1) menuitem{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACaUlEQVQ4jXWTX0iTYRSHX9SrLDWJoIugG6F/ULIokC5SIsIgiLwrhCnO9FPLtU2t5VSM5TSEsHRmFkXQhRcmiZEaYrWZTm0V5tRS5ip1iSup5P2ipwvFtpoHHs7V73nhvOcIEa50LoTORV33Z1QpsdhuhGXNYJyiJU7RroZ/Q1hCJToXiUXRJBZFU+fehpe9K4J65heXmJ4L4J1dwDu7gM8fYH5xCYutntVwZHoy9Y51QDRm5z4U91FUKTFb62jvGaD1iSOE9p4BzNa6vwL9gyg+kUADhTR9OczmnB2oUlJcUctaVVxRy+rro+ykgQKqA6eJyBBktjSiSompvIZxr5+3E74Qxr1+TOU1y4KIrFhuoeUOeWxRNpDfPUWlB1QpMVhsTPj8jHz4GMKEz4/BYlsWiKujxOQLzFMnuPZ8E7vOx6K5O4YqJXqzlY5eF62djhA6el3ozVaE0NgRtu+ImyBObqWHQ0AUefejUKUkr6hizRnkmyqDBNUSoT1IoTuFy/7jNM4loUqJYixjaGQSx7AHx7CHwSEvZ2aSOBtIRm+oChKUziBK3rP/SjyNaIkpEKhSkmMoZfjdJH1uD31uD+7XPta3COLbItEbq1a+UWNHlEwjdE2UDW7nyL0ERK4NVUqyz13k8bMh2rqctHU5edTdT+fTN/S+GCO38FKQoHYJkZ1Fdv8exKmNCPM3VCnJUExrziBDMQWtssaOuK4ilGOIC7cRth+oUqLNNfBqdIqHXc7/ujbX8M9BaewIjR3RDKJ5eQ8yFSMv3eN8/fmLdN25kJ6pGMNcZJBIlZLUtHR2H0gJS2paOn8Aay+SGqAm06EAAAAASUVORK5CYII=") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:4px !important;}


    #context-about-menu > menupopup:nth-child(1) menuitem .menu-iconic-text{
    padding-left:10px !important;}

    #about-button-popup menuitem{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACaUlEQVQ4jXWTX0iTYRSHX9SrLDWJoIugG6F/ULIokC5SIsIgiLwrhCnO9FPLtU2t5VSM5TSEsHRmFkXQhRcmiZEaYrWZTm0V5tRS5ip1iSup5P2ipwvFtpoHHs7V73nhvOcIEa50LoTORV33Z1QpsdhuhGXNYJyiJU7RroZ/Q1hCJToXiUXRJBZFU+fehpe9K4J65heXmJ4L4J1dwDu7gM8fYH5xCYutntVwZHoy9Y51QDRm5z4U91FUKTFb62jvGaD1iSOE9p4BzNa6vwL9gyg+kUADhTR9OczmnB2oUlJcUctaVVxRy+rro+ykgQKqA6eJyBBktjSiSompvIZxr5+3E74Qxr1+TOU1y4KIrFhuoeUOeWxRNpDfPUWlB1QpMVhsTPj8jHz4GMKEz4/BYlsWiKujxOQLzFMnuPZ8E7vOx6K5O4YqJXqzlY5eF62djhA6el3ozVaE0NgRtu+ImyBObqWHQ0AUefejUKUkr6hizRnkmyqDBNUSoT1IoTuFy/7jNM4loUqJYixjaGQSx7AHx7CHwSEvZ2aSOBtIRm+oChKUziBK3rP/SjyNaIkpEKhSkmMoZfjdJH1uD31uD+7XPta3COLbItEbq1a+UWNHlEwjdE2UDW7nyL0ERK4NVUqyz13k8bMh2rqctHU5edTdT+fTN/S+GCO38FKQoHYJkZ1Fdv8exKmNCPM3VCnJUExrziBDMQWtssaOuK4ilGOIC7cRth+oUqLNNfBqdIqHXc7/ujbX8M9BaewIjR3RDKJ5eQ8yFSMv3eN8/fmLdN25kJ6pGMNcZJBIlZLUtHR2H0gJS2paOn8Aay+SGqAm06EAAAAASUVORK5CYII=") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:4px !important;}

    #about-button-popup menuitem .menu-iconic-text{
    padding-left:10px !important;}
}

Alles anzeigen

Edit 2002Andreas
Text in Klammercode gesetzt.

laubenpieper

Die findest du hier

https://github.com/Endor8/userChr…on/Firefox%2060

lp

hwww

Zitat von laubenpieper

Diese hier
/* AGENT_SHEET */

Hallo
Die ist in der "userChrome.css". Wird aber zum funktionieren des Script nicht gebraucht. Es zeigt nur die Symbole neben den Einträgen an. Siehe Text unter den Bildern des Links "https://github.com/Endor8/userChr…on/Firefox%2060" : "Wer die Symbole bei den Menüs haben möchte muss über die userChrome.css die Css Datei aboutbutton.css laden".

laubenpieper

Alles gut, bei mir funktionierts, da kann ich dir nicht helfen.
lp

hwww

Zitat von laubenpieper

bei mir funktionierts

Hallo noch mal
Was funktioniert bei dir? Das Script oder auch die Rahmen in der Menüleiste darum?

2002Andreas

Zitat von hwww

Nur bei dem Icon von "aboutbutton" nicht.

Teste bitte, Werte evtl. noch anpassen.

CSS

#about-toolbarbutton{
    -moz-appearance:none!important;
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

hwww

Hallo Andreas
Besten Dank! Wenn ich nur deinen Eintrag einfüge ist nur um "aboutbutton" der Rahmen. Habe nun beide Einträge eingefügt und jetzt ist bei allen der Rahmen darum. Nur wenn ich auf "aboutbutton" gehe wir der Hintergrund nicht grau unterlegt ( weiß nicht genau wie man das nennt) wie bei den anderen. Das ist aber nicht so tragisch damit kann man Leben.

Noch ein schönes Osterwochenende hwww

2002Andreas

Zitat von hwww

der Hintergrund nicht grau unterlegt

Wenn du magst, dann teste doch mal diesen kompletten Code ob er dir besser gefällt.

CSS

#about-toolbarbutton{
    -moz-appearance:none!important;
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

  #about-toolbarbutton:hover{
	background:lightgrey!important;    
  }

#toolbar-menubar toolbarbutton:hover{
	background:lightgrey!important;
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }
#toolbar-menubar toolbarbutton{
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon {
	 -moz-appearance:none!important;
     background:none!important;
  }

Alles anzeigen

hwww

Zitat von 2002Andreas

Wenn du magst, dann teste doch mal diesen kompletten Code ob er dir besser gefällt.

Hallo Andreas

Wie immer Super! Passt genau!!!

Schöne Woche noch für dich hwww

BarbaraZ-

Wenn ich nur für diese 3 Symbole einen Rahmen setzen möchte:

[attachment=0]Rahmen setzen.png[/attachment]

welchen Teil des Codes wende ich dafür an?

CSS

#about-toolbarbutton{
    -moz-appearance:none!important;
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

  #about-toolbarbutton:hover{
	background:lightgrey!important;    
  }

#toolbar-menubar toolbarbutton:hover{
	background:lightgrey!important;
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }
#toolbar-menubar toolbarbutton{
    border: 1px solid grey !important;
    padding-left:10px!important;
    margin-top: -2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon {
	 -moz-appearance:none!important;
     background:none!important;
  }

Alles anzeigen

Und ich möchte ihn gerne auslagern in meinen CSS Ordner.

2002Andreas

Zitat von BarbaraZ-

Wenn ich nur für diese 3 Symbole

Teste bitte:

CSS

.titlebar-min,
.titlebar-max,
.titlebar-close{
    border: 1px solid grey !important;
    border-radius: 7px !important;
  }

BarbaraZ-

Danke perfekt. :klasse:
Auch gleich wieder als Codes ausgelagert.

Büssen

Zitat von 2002Andreas

Teste bitte:

CSS

.titlebar-min,
.titlebar-max,
.titlebar-close{
    border: 1px solid grey !important;
    border-radius: 7px !important;
  }

Auch hier bin ich wieder mal nicht fündig geworden.
[attachment=0]Titlebar.jpg[/attachment]
Meine Titelleiste ist blau eingefärbt und die Höhe nur 7 mm. Habe die Farbe grey in black geändert - leider ohne Erfolg?