Menu customization: Difference between revisions
m (update menueditor link) |
|||
Line 162: | Line 162: | ||
#context-sep-viewbgimage { | #context-sep-viewbgimage { | ||
display: none !important; | display: none !important; | ||
} | |||
==Using Label== | |||
The easiest way to change the style of a menu item is using the '''''Label''''' property. | |||
For example, if you want to hide the "Close Tab" menu item on the tab context menu: | |||
menuitem[label="Close Tab"] { | |||
display: none !important; | |||
} | |||
or if you want to change the "For Internet Explorer Users" appearance on the "Help" menu: | |||
menuitem[label="For Internet Explorer Users"] { | |||
text-decoration: line-through !important; | |||
} | } |
Revision as of 01:04, 2 February 2005
See also: Menu Editor extension. It allows you hide the menu items as well as reorder them.
First you need to locate your profile folder. There's a subfolder called "chrome". What you need to do is edit the userChrome.css file. Create it if it does not exists.
You can hide any context menu items by adding this line to userChrome.css:
#id1, #id2 { display:none !important; }
replacing each of the identifiers #id1, #id2, ... with one of the following:
#id | label |
---|---|
#context-openlink | Open Link in New Window |
#context-openlinkintab | Open Link in New Tab |
#context-sep-open | line separator |
#context-bookmarklink | Bookmark This Link... |
#context-savelink | Save Link As... |
#context-sendlink | Send Link... |
#context-copyemail | Copy Email Address |
#context-copylink | Copy Link Location |
#context-sep-copylink | line separator |
#context-viewimage | View Image |
#context-copyimage-contents | Copy Image |
#context-copyimage | Copy Image Location |
#context-sep-copyimage | line separator |
#context-saveimage | Save Image As... |
#context-sendimage | Send Image... |
#context-setWallpaper | Set As Wallpaper... |
#context-blockimage | Block Images from... |
#context-back | Back |
#context-forward | Forward |
#context-reload | Reload |
#context-stop | Stop |
#context-sep-stop | line separator |
#context-bookmarkpage | Bookmark This Page... |
#context-savepage | Save Page As... |
#context-sendpage | Send Page... |
#context-sep-viewbgimage | line separator |
#context-viewbgimage | View Background Image |
#context-undo | Undo |
#context-sep-undo | line separator |
#context-cut | Cut |
#context-copy | Copy |
#context-paste | Paste |
#context-delete | Delete |
#context-sep-paste | line separator |
#context-selectall | Select All |
#context-sep-selectall | line separator |
#context-keywordfield | Add a Keyword for this Search... |
#context-searchselect | Search Web for ... |
#frame-sep | line separator |
#frame | This Frame |
#context-sep-properties | line separator |
#context-viewpartialsource-selection | View Selection Source |
#context-viewpartialsource-mathml | View MathML Source |
#context-viewsource | View Page Source |
#context-viewinfo | View Page Info |
#context-metadata | Properties |
#context-sep-bidi | line separator |
#context-bidi-text-direction-toggle | Switch Text Direction |
#context-bidi-page-direction-toggle | Switch Page Direction |
Example (hides the "View Background" menu item and the horizontal line after it):
#context-viewbgimage, #context-sep-viewbgimage { display: none !important; }
Using Label
The easiest way to change the style of a menu item is using the Label property.
For example, if you want to hide the "Close Tab" menu item on the tab context menu:
menuitem[label="Close Tab"] { display: none !important; }
or if you want to change the "For Internet Explorer Users" appearance on the "Help" menu:
menuitem[label="For Internet Explorer Users"] { text-decoration: line-through !important; }