Chinaunix首页 | 论坛 | 博客
  • 博客访问: 234715
  • 博文数量: 27
  • 博客积分: 863
  • 博客等级: 准尉
  • 技术积分: 330
  • 用 户 组: 普通用户
  • 注册时间: 2011-02-22 01:49
文章分类

全部博文(27)

文章存档

2012年(2)

2011年(25)

我的朋友

分类: WINDOWS

2012-03-23 11:45:49



菜单按钮,地址栏,搜索栏,导航按钮,扩展插件按钮,书签按钮,书签栏,标签工具栏,所有这些都整合在2行工具栏里。实现了网页显示区域最大化,并且可以一键点击最常用项目。

设置说明:其实这个界面的第一行是火狐默认的标题栏,这个界面隐藏了火狐标题栏的文字,然后把所有的项目(除了标签工具栏)都移动到了标题栏上。所有的设置都是通过userchrome.css配置文件完成。如果有同学想了解如何使用userchrome.css文件可以搜索一下,网上到处都是,而且很简单。

这个界面的userchrome.css文件内容

  1. /* 修改书签菜单栏 */
  2. #organizeBookmarksSeparator {display: none !important;}
  3. menuitem#subscribeToPageMenuitem {display: none !important;}
  4. menu#subscribeToPageMenupopup {display: none !important;}
  5. menuitem#menu_bookmarkAllTabs {display: none !important;}
  6. #bookmarksToolbarSeparator {display: none !important;}
  7. menu#bookmarksToolbarFolderMenu {display: none !important;}
  8. menuitem#menu_unsortedBookmarks {display: none !important;}
  9. menuitem#sync-setup {display: none !important;}
  10. menuitem#sync-syncnowitem {display: none !important;}
  11. menuitem#menu_bookmarkThisPage {display: none !important;}

  12. /* 隐藏列出所有标签页按钮*/
  13. .tabs-alltabs-button {display:none !important;}

  14. /*隐藏页面右键菜单*/
  15. #context-forward, /*前进*/
  16. #context-back, /*后退*/
  17. #context-reload, /*刷新*/
  18. #context-stop, /*停止*/
  19. #context-selectall,/*全选*/
  20. #context-savepage,/*网页另存为*/
  21. #context-setDesktopBackground,/*设为桌面背景*/
  22. #context-sep-stop, /*停止下面的分割线*/
  23. #context-bookmarkpage, /*此页面加入书签*/
  24. #context-sendlink, /*发送链接到*/
  25. #context-sendpage, /*发送页面链接到*/
  26. #context-sep-copyimage, /*复制图片下面的分割线*/
  27. #context-saveimage, /*图片另存为*/
  28. #context-sendimage, /*发送图片到*/
  29. #context-setDesktopBackground, /*设置为桌面背景*/
  30. #context-savelink, /*链接另存为*/
  31. /*#context-openlink, 在新窗口打开链接*/
  32. /*#context-sep-open, 打开新窗口下面的分割线*/
  33. #context-bookmarklink, /*此链接加入书签*/
  34. #context-sep-selectall, /*全选下面的分割线*/
  35. /*#context-searchselect, 使用默认搜索引擎搜索关键字*/
  36. #spell-check-enabled, /*拼写检查*/
  37. #spell-separator, /*拼写检查分割线*/
  38. #inspect-separator, Inspect Element分割线*/
  39. #context-inspect /*Inspect Element*/
  40. {display: none !important;}

  41. /*修改地址栏*/
  42. #urlbar-container { min-width: 350px !important; max-width: 350px !important;}
  43. #feed-button {display:none !important; }
  44. #identity-box{display:none !important;}
  45. #urlbar-icons{display:none !important;}
  46. #urlbar {height:25px !important;}
  47. #urlbar {font-size: 12px !important; }
  48. #urlbar[level] .autocomplete-textbox-container {background-color: #D0F2C4 !important;}

  49. /*修改awesome bar*/
  50. .ac-comment {font-size: 12px !important; }
  51. .ac-url-text {font-size: 12px !important; }

  52. /*开始精简界面,修改tabstoolbar, navigation bar, titlebar*/
  53. /* Tabstrip */
  54. #TabsToolbar {
  55. min-height: 0 !important;
  56. padding: 0 !important;
  57. -moz-box-shadow: none !important;
  58. }

  59. #titlebar {position: fixed !important;}

  60. #navigator-toolbox[tabsontop="true"] > #nav-bar {border: 0px !important;}

  61. /* 去除多余的按钮,这个按钮会挡住导航栏标签 */
  62. #titlebar-buttonbox {display:none !important;}

  63. /* 修改火狐按钮 */
  64. #appmenu-button {
  65. list-style-image:url("chrome://branding/content/icon16.png");
  66. min-width: 50px ! important;
  67. max-width: 50px ! important;
  68. height: 23px !important;
  69. margin-top: 6px !important;
  70. padding-left: 3px !important;
  71. padding-right: 3px !important;
  72. padding-top: 3px !important;
  73. /* background-color: #b4b3b3 !important; */
  74. /* color: #b4b3b3 !important; */
  75. /* text-shadow: 0 0 2px #333 !important; */
  76. }
  77. #appmenu-button .button-text {display: none !important;}
  78. #appmenu-button dropmarker {display: none !important;}

  79. /*调整menubar, nav-bar, tabstoolbar间距*/
  80. #navigator-toolbox[tabsontop="false"] #TabsToolbar {
  81. margin-top: 1px !important;
  82. }

  83. #toolbar-menubar,
  84. #navigator-toolbox[tabsontop="false"] #nav-bar,
  85. #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  86. padding-left: 50px !important; /* 用户可能需要调整这里的这个参数。75px适用于原版。85适用于Lawlietfox版。90适用于Lawlietfox版的界面小按钮。50适用于Lawlietfox版的界面小按钮+Appmenu文字修改为图标 */
  87. }

  88. #main-window[sizemode="fullscreen"] #toolbar-menubar,
  89. #main-window[sizemode="fullscreen"] #navigator-toolbox[tabsontop="false"] #nav-bar,
  90. #main-window[sizemode="fullscreen"] #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  91.  /* padding-top: 3px !important; */
  92. padding-right: 0px !important;
  93. margin-top: 6px !important;
  94. }

  95. #main-window:not([sizemode="fullscreen"]) #toolbar-menubar,
  96. #main-window:not([sizemode="fullscreen"]) #navigator-toolbox[tabsontop="false"] #nav-bar,
  97. #main-window:not([sizemode="fullscreen"]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  98. /* 如果需要拖拉标题栏移动窗口,将3px改成15px */
  99. /* padding-top: 10px !important; */
  100. margin-top: 6px !important;
  101. padding-right: 105px !important;
  102. }

  103. /* 结束精简界 */

  104. /*修改书签栏文字颜色和大小*/
  105. #personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-text {
  106. color: #ece1e1 !important;
  107. text-shadow: 0 0 1px black !important;
  108. font-size: 15px !important;
  109. }

  110. /*隐藏书签栏中书签图标*/
  111. #personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-icon {
  112. display: none !important;
  113. }

  114. /*修改书签栏中书签间距*/
  115. #personal-bookmarks toolbarbutton.bookmark-item {
  116. margin-left: 1px !important;
  117. }

  118. /*隐藏bookmarks menu button里面不需要的菜单项*/
  119. menuitem#BMB_viewBookmarksToolbar {display: none !important;}
  120. menuitem#BMB_viewBookmarksToolbar menuseparator {display: none !important;}
  121. menuitem#BMB_bookmarkThisPage {display: none !important;}
  122. menuitem#BMB_subscribeToPageMenuitem {display: none !important;}
  123. menu#BMB_subscribeToPageMenupopup {display: none !important;}
  124. menu#BMB_subscribeToPageMenupopup menuseparator {display: none !important;}
  125. menuitem#BMB_unsortedBookmarks {display: none !important;}


阅读(12695) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~