- Firefox-Version
- 96.0.2
- Betriebssystem
- Windows 7+10
Hi, angeregt durch Menüleiste - mit Bildchen?
FRAGE: Lässt sich der Menütext in der Menüleiste ersatzweise durch Symbole/Icons ersetzen?
HG
Hi, angeregt durch Menüleiste - mit Bildchen?
FRAGE: Lässt sich der Menütext in der Menüleiste ersatzweise durch Symbole/Icons ersetzen?
HG
Mit diesem Code habe ich die Schrift ausgeblendet.
@-moz-document url(chrome://browser/content/browser.xhtml){
#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {
display: none !important;
background: gray !important;
}
}
Gehört in die userChrome.css
Damit erscheinen nur die Lesezeichen.
Mit diesem Code habe ich die Schrift ausgeblendet.
Darum geht es hier aber nicht.
Du blendest den Text der Lesezeichensymbolleiste damit aus, nicht den der Menüleiste oben.
Okay, dann Sorry.
ersatzweise durch Symbole/Icons ersetzen?
Meinst du das so?
Wenn ja, dann teste bitte.
Die Icons/Pfad musst du dir dann selber ändern.
#file-menu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#edit-menu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#view-menu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#history-menu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#bookmarksMenu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#tools-menu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#helpMenu::before {
margin-right: -9px !important;
margin-left: -8px !important;
margin-top: 10px !important;
padding-top: 25px !important;
content: '' !important;
display: block !important;
width: 35px !important;
height: 15px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
background-repeat: no-repeat !important;
background-position: 15px 1px !important;
background-size: 15px 15px !important;
}
#main-menubar > menu {
font-size: 0!important;
}
#main-menubar > menu:is(:hover,[open],[_moz-menuactive]) {
background-color: red !important;
}
Alles anzeigen
Danke, aber ich suche exakt diese minimalistischen, kleinen Symbol-Fonts? davor.
Also Schrift und Symbole in genau dieser Grösse 1:1
(Sehen eher nach Symbol-Font-Codes aus, also keine .png bzw. .ico)
NOTIZEN:
https://addons.mozilla.org/en-US/firefox/addon/symbol-finder
https://addons.mozilla.org/en-US/firefox/addon/symbols-name
http://dmcritchie.mvps.org/rexx/htm/symbols.htm#escapes
http://www.alanwood.net/unicode/miscellaneous_symbols.html (DejaVu,Symbola)