[mai9]

Here's a list of what you can remove or modify from the interface:

• <a href="#entry8054">Adding icons to context menus without CuteMenus</a> (<a href="#entry11365">code examples)</a>
  
  
• <a href="#entry8177">menus</a>
  
  
• <a href="#entry8799">urlbar</a>

[GeeK Canon]

/* ============= UI Appearance Tweaks ================ */

/* URL bar background image for high security site */
#urlbar[level="high"] > .autocomplete-textbox-container {
   background-image: url('high.png') !important; 
   background-color: none !important;
   font-weight: 600 !important;
}

/* URL bar background image for low security site */
#urlbar[level="low"] > .autocomplete-textbox-container {
   background-image: url('low.png') !important; 
   background-color: none !important;
   font-weight: 600 !important;
}

/* URL bar background image for broken secure site */
#urlbar[level="broken"] > .autocomplete-textbox-container {
   background-image: url('broken.png') !important; 
   background-color: none !important;
   font-weight: 600 !important;
}

Credit to: http://www.users.on..../userChrome.css
grab mentioned PNGs from: http://www.users.on....ypen/Downloads/

Please do NOT hotlink to his files. Save the 3 PNGs to the same directory where userChrome.css lives.



preview:

[mai9]

some examples of previous technique:

menuitem[label="New Tab"] { background:url(chrome://cutemenus/content/res/new-tab.png) 2px 0px no-repeat; }
menuitem[label="Close Tab"] { background:url(chrome://cutemenus/content/res/delete.png) 2px 0px no-repeat; }
menuitem[label="Undo Close Tab"] { background:url(chrome://cutemenus/content/res/undo.png) 2px 0px no-repeat; }
menuitem[label="Bookmarks Toolbar"] { background:url(chrome://cutemenus/content/res/bookmark-manage.png) 2px 0px no-repeat; }
menuitem[label="Manage Folder"] { background:url(chrome://cutemenus/content/res/bookmark-manage.png) 2px 0px no-repeat; }
menuitem[label="Add Bookmark Here"] { background:url(chrome://cutemenus/content/res/bookmark.png) 2px 0px no-repeat; }
menuitem[label="Delete"] { background:url(chrome://cutemenus/content/res/delete.png) 2px 0px no-repeat; }




/* add icon to adblock image context menu item (extension) */
#adblock-image-menuitem { background:url(chrome://cutemenus/content/res/block-image.png) 2px 0px no-repeat; }

#context-keywordfield { background:url(chrome://cutemenus/content/res/search.png) 2px 0px no-repeat; }

This post has been edited by mai9: 17 March 2005 - 09:17 AM

[Miksago]

mai9, on Mar 18 2005, 2:10, said:

some examples of previous technique:

menuitem[label="New Tab"] { background:url(chrome://cutemenus/content/res/new-tab.png) 2px 0px no-repeat; }
menuitem[label="Close Tab"] { background:url(chrome://cutemenus/content/res/delete.png) 2px 0px no-repeat; }
menuitem[label="Undo Close Tab"] { background:url(chrome://cutemenus/content/res/undo.png) 2px 0px no-repeat; }
menuitem[label="Bookmarks Toolbar"] { background:url(chrome://cutemenus/content/res/bookmark-manage.png) 2px 0px no-repeat; }
menuitem[label="Manage Folder"] { background:url(chrome://cutemenus/content/res/bookmark-manage.png) 2px 0px no-repeat; }
menuitem[label="Add Bookmark Here"] { background:url(chrome://cutemenus/content/res/bookmark.png) 2px 0px no-repeat; }
menuitem[label="Delete"] { background:url(chrome://cutemenus/content/res/delete.png) 2px 0px no-repeat; }




/* add icon to adblock image context menu item (extension) */
#adblock-image-menuitem { background:url(chrome://cutemenus/content/res/block-image.png) 2px 0px no-repeat; }

#context-keywordfield { background:url(chrome://cutemenus/content/res/search.png) 2px 0px no-repeat; }

doesn't this work with the Text Size, Sidebar and Install Theme
(ps i've got MR Tech local install running)

[dickvl]

Move the scrollbar arrows to lower-right corner:

/* Stacks Scrollbar Arrows on the Bottom */
scrollbarbutton[sbattr="scrollbar-up-top"]    { display: none !important; }
scrollbarbutton[sbattr="scrollbar-up-bottom"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-left-left"] { display: none !important; }
scrollbarbutton[sbattr="scrollbar-left-right"] { display: -moz-box !important; }

This code also goes to userContent.css!

[wolfprintfx]

-- not sure if I post here, so if not then I am sorry --
Great help here!

Was wondering though, as far as the menu backgrounds, I was only able to get this section to work:

menupopup,
#toolbar-context-menu,
#contentAreaContextMenu {
(the rest of the code included)

Tried the others, mybe I am doing something wrong but I dont think so!-

What I am trying to do is get a tile background where all the buttons are or just where the menu of: File | Edit | View| etc. are. I tried the code:

#navigator-toolbox {
   background:
     rgb(192,192,192)
     url(http://sorry the imagehosting is brokenwww.imghst.com/uploads/zoolcar9/bg_toolbar.png)
     top left
     repeat
     !important;
}

But not sure if thats the correct code for what I am trying to do, and when I do use that code I notice nothing different at all in any menus, popups, dialog boxes, etc..

Any input on this will be helpful, also if you might have knowledge/answers/suggestion of a couple of my other posts would be great also.

Thanks

[gracefool]

I know how to reduce the height of the tabs and tab-bar, but what about the location bar and other toolbars?

tab {height: 23px !important; }
.tabbrowser-strip { height: 25px !important; }