火狐Firefox最简洁界面设置

文章来源:http://blog.chinaunix.net/uid-8203698-id-3145151.html




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

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

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

/* 修改书签菜单栏 */
#organizeBookmarksSeparator {display: none !important;}
menuitem#subscribeToPageMenuitem {display: none !important;}
menu#subscribeToPageMenupopup {display: none !important;}
menuitem#menu_bookmarkAllTabs {display: none !important;}
#bookmarksToolbarSeparator {display: none !important;}
menu#bookmarksToolbarFolderMenu {display: none !important;}
menuitem#menu_unsortedBookmarks {display: none !important;}
menuitem#sync-setup {display: none !important;}
menuitem#sync-syncnowitem {display: none !important;}
menuitem#menu_bookmarkThisPage {display: none !important;}

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

/*隐藏页面右键菜单*/
#context-forward, /*前进*/
#context-back, /*后退*/
#context-reload, /*刷新*/
#context-stop, /*停止*/
#context-selectall,/*全选*/
#context-savepage,/*网页另存为*/
#context-setDesktopBackground,/*设为桌面背景*/
#context-sep-stop, /*停止下面的分割线*/
#context-bookmarkpage, /*此页面加入书签*/
#context-sendlink, /*发送链接到*/
#context-sendpage, /*发送页面链接到*/
#context-sep-copyimage, /*复制图片下面的分割线*/
#context-saveimage, /*图片另存为*/
#context-sendimage, /*发送图片到*/
#context-setDesktopBackground, /*设置为桌面背景*/
#context-savelink, /*链接另存为*/
/*#context-openlink, 在新窗口打开链接*/
/*#context-sep-open, 打开新窗口下面的分割线*/
#context-bookmarklink, /*此链接加入书签*/
#context-sep-selectall, /*全选下面的分割线*/
/*#context-searchselect, 使用默认搜索引擎搜索关键字*/
#spell-check-enabled, /*拼写检查*/
#spell-separator, /*拼写检查分割线*/
#inspect-separator, Inspect Element分割线*/
#context-inspect /*Inspect Element*/
{display: none !important;}

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

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

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

#titlebar {position: fixed !important;} 

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

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

/* 修改火狐按钮 */
#appmenu-button {
list-style-image:url("chrome://branding/content/icon16.png");
min-width: 50px ! important;
max-width: 50px ! important;
height: 23px !important;
margin-top: 6px !important;
padding-left: 3px !important;
padding-right: 3px !important;
padding-top: 3px !important;
/* background-color: #b4b3b3 !important; */
/* color: #b4b3b3 !important; */
/* text-shadow: 0 0 2px #333 !important; */
}
#appmenu-button .button-text {display: none !important;}
#appmenu-button dropmarker {display: none !important;}

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

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

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

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

/* 结束精简界 */

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

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

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

/*隐藏bookmarks menu button里面不需要的菜单项*/
menuitem#BMB_viewBookmarksToolbar {display: none !important;}
menuitem#BMB_viewBookmarksToolbar menuseparator {display: none !important;}
menuitem#BMB_bookmarkThisPage {display: none !important;}
menuitem#BMB_subscribeToPageMenuitem {display: none !important;}
menu#BMB_subscribeToPageMenupopup {display: none !important;}
menu#BMB_subscribeToPageMenupopup menuseparator {display: none !important;}
menuitem#BMB_unsortedBookmarks {display: none !important;}



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值