Nicht doch, blende sie doch einfach aus
hab sie jetzt so gemacht, dass es passt.. und diesmal schaut 1 icon auf in die falschr richtung. ![]()
Nicht doch, blende sie doch einfach aus
hab sie jetzt so gemacht, dass es passt.. und diesmal schaut 1 icon auf in die falschr richtung. ![]()
![]()
ich werd noch verrückt wegen diesen 3 Icons..
ändert man eins ändern sich auch die anderen..
ich glaube die sind zusammengeklebt. ![]()
Du bekommst sogar mehrere
Danke dir. Ich hab die Code von BrokenHeart im Beitrag-Nr: #32 etwas geändert.
Sieht jetzt mit den Links-/Rechts-Pfeilen bei mir so aus.
Ich versuche jetzt noch die Pfeile etwas fetter zu gestalten, also bold, aber krieg das irgendwie nicht hin. ![]()
Das wäre noch die Code:
/* TabLeiste Pfeile (nach Links und nach Rechts) ändern */
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: white;
fill: bold !important;
background-color: green;
margin-top: 1px !important;
margin-bottom: 9px !important;
padding-top: 2px;
padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
fill: white;
background-color: red!important;
}
Alles anzeigen
eventuell kann es Verwendung finden.
Ein Bild dazu wäre noch toll. ![]()
Deine Variante funktioniert auch.
Freut mich dass es funkt. ![]()
Und wenn man einen neuen tab öffnet dann verschwinden die Links dort.
Um sie wieder zu sehen, muss man auf dieses Symbol klicken.
Siehe Bild:
Siehe bitte Beitrag Nr. 14
Ups.. Sorry ![]()
Hat sich erledigt: mit Padding ersetzt.
wie jede CSS-Eigenschaft ist auch das im MDN dokumentiert:
Hallo Sören Hentzschel danke dir schau es mir grad an.
Danke nochmals.
So wie ich es verstanden habe bedeutet es der Abstand von oben, rechts, unten und links.
Hoffe hab es richtig verstanden.
Falsch verstanden..
Das hat wohl nichts mit dem Padding oder Margin zu tun. ![]()
Hallo allen..
Kann mir wer sagen, was genau das: rect(0px, 16px, 16px, 0px) bewirkt?
Habe das in einer Code gesehen, wo ich den Icon verschieben will.
Die Code wäre folgendes:
/* Lesezeichen Ordner Icon setzen */
.bookmark-item[container="true"],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
list-style-image: url("..//favicons/Folder.png") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;}
Besten Dank im Voraus.
ie 2 Striche über und unter meinen roten hintergrund weg ?
teste mal..
ahhh noch das Obere..
teste bitte.
Ich versuche seit gestern, hier bei diesen 4 Icons den Hover zu verkleiner. Wenn ich es im Stillbearbeitung teste, kann ich den Hover der beiden Pfeile (nach Links / nach Rechts) anpassen, aber sobald es in die userChrome.css und userChromeShadow.css eintrage, dann geht es wieder weg.
Das obere Bild ist es wenn ich es im css eingetragen habe.
Dieses Bild wenn ich es im Stillbearbeitung habe.
Und hier die Code nur für dies Icons:
/* Teil im userChromeShadow.css */
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: blue !important;
margin-top: -3px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: green !important;
margin-top: -3px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: blue !important;
margin-top: -3px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: green !important;
margin-top: -3px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
/* Teil im normalen css */
#TabsToolbar #new-tab-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/neutab.png") !important;
margin-top: -3px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#alltabs-button:hover,
#TabsToolbar #new-tab-button:hover {
--toolbarbutton-hover-background: green !important;
}
#alltabs-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-down.png") !important;
margin-top: 1px !important;
margin-bottom: 5px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
Alles anzeigen
Von der Höhe der Icons sieht es für mich im Moment etwas akzeptabel aus.
Der Icon arrow-left.png zeigt den Pfeil nach Links.
Der Icon arrow-right.png zeigt den Pfeil nach Rechts.
Und wenn ich versuche, die Pfeil Icons zu ändern, dann sieht es so aus:
Jemand ein Rat?
Danke.
Achja: hier noch ein Bild, damit ihr sieht dass arrow-left.png und arrow-right.png nicht auf die falsche Seite zeigen.
Auf jeden Fall mal diesen Eintrag in der userShadow.css entfernen:
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
und am Ende vom Code auch die 2te }
Danke dir vielmals.
Jetzt bin ich aber verwirrt, wann ich das schreiben muss und wann nicht. ![]()
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
und bei diesem Teil der Code sind die Icons bei beiden Pfeilen die gleiche und auch bei den Hover.
Warum nimmt es keine andere Icons an?
Wieder geändert, da dieser Teil im Code:
/* Menüleiste 7 Menüs farbig, Hover und Border gepunktet */
#menubar-items menu {
background-color: blue !important;
color: white !important;
border-width: 2px !important;
border-style: dotted !important;
}
#menubar-items menu:hover {
background-color: red !important;
color: white !important;
border-width: 4px !important;
border-style: dotted !important;
}
}
Alles anzeigen
dazu geführt hat, dass auch einige Beschreibungen im Popup gedottet wurden..
Aktuell ist jetzt diese Code (MenuLeiste.css) für die MenüLeiste. ![]()
⬇️ ⬇️ ⬇️
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
/* Menüleiste Icons ändern */
.titlebar-min image.toolbarbutton-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/minimize.png")!important;
}
.titlebar-max image.toolbarbutton-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/maximize.png") !important;
}
.titlebar-restore image.toolbarbutton-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mreduce.png") !important;
}
.titlebar-close image.toolbarbutton-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mClose.png") !important;
}
/* Menübar (7 Menüs ganz Oben) Farbe ändern
#toolbar-menubar {
height: 40px !important;
}
*/
#toolbar-menubar {
background-color: blue !important;
color: white !important;
}
#main-menubar menupopup {
--panel-background: blue !important;
--panel-color: white !important;
}
#main-menubar menupopup:hover {
--panel-background: blue !important;
--panel-color: white !important;
}
#main-menubar menupopup menu:hover,
#main-menubar menupopup menuitem:hover {
background-color: #3333FF !important;
color: white !important;
}
/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
display: none !important;
}
/* Rahmen um den Popup-Fenster in allen Menüs im Menübar entfernen */
menupopup {
--panel-border-color: none !important;
}
/* Menüleiste 7 Menüs farbig, Hover und Border gepunktet */
menu[id="file-menu"],
menu[id="edit-menu"],
menu[id="view-menu"],
menu[id="history-menu"],
menu[id="bookmarksMenu"],
menu[id="tools-menu"],
menu[id="helpMenu"] {
background-color: blue !important;
color: white !important;
border-width: 2px !important;
border-style: dotted !important;
}
menu[id="file-menu"]:hover,
menu[id="edit-menu"]:hover,
menu[id="view-menu"]:hover,
menu[id="history-menu"]:hover,
menu[id="bookmarksMenu"]:hover,
menu[id="tools-menu"]:hover,
menu[id="helpMenu"]:hover {
background-color: red !important;
color: white !important;
border-width: 4px !important;
border-style: dotted !important;
}
}
Alles anzeigen
2002Andreas irgendwie funkt es bei mir nicht.
Inhalt von meiner userChromeShadow.css:
Inhalt von meiner LesezeichenPopupsFarbAendernNaeherRuecken.css:
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
/* TabLeiste Pfeile (nach Links und nach Rechts) ändern */
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
margin-top: -4px !important;
margin-bottom: 2px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
background-color: red !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: green !important;
margin-top: -4px !important;
margin-bottom: 2px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: red !important;
margin-top: -4px !important;
margin-bottom: 2px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
background-color: green !important;
margin-top: -4px !important;
margin-bottom: 2px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
}
/* Lesezeichen Popups Hintergrund-Farbe blau */
#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
background-color: blue !important;
}
/* Lesezeichen Abstand kleiner machen */
#PlacesToolbar :is(menu,menuitem) {
background-color: blue !important;
color: white !important;
margin: 0 0 !important;
min-height: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#PlacesToolbar :is(menu,menuitem):hover {
background-color: #3333FF !important;
color: white !important;
margin: 0 0 !important;
min-height: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
Alles anzeigen
Und so sieht das Ergebnis aus:
Der Pfeil nach Links und der nach Rechts funkt nicht. ![]()
Was mach ich falsch? ![]()
Ansonsten etwas für dich zum basteln
Danke dir. Fange gleich an mal zu basteln. ![]()