阅读:10533回复:37
(2010-8-27更新)firefox4在xp下的自画标题栏很方便,可以随意更改样式。
刚才改了下,不比win7逊色,上方还可以拖动,挺好的,扩展差不多齐全了,开始主用4了。:D
最大化时; 标签栏置顶: 标签栏在下: 窗口化时; 标签栏置顶: 标签栏在下: 实现代码在楼下。 |
|
1楼#
发布于:2010-08-26 22:05
|
|
2楼#
发布于:2010-08-26 22:05
如golf-at所说,只是样子像,实际已经换成firefox的了; 我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。 |
|
3楼#
发布于:2010-08-26 22:05
前半部分是更换背景图片,后半部分是更改透明度,要不然字看不清楚;
我用的是本地图片,自己找一张喜欢的图片放在固定路径,然后把路径填到url("")中去就可以了,路径格式是file:///c:/Program%20Files/Firefox这类的,也可以用网络图片和base64编码的。 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #toolbar-menubar,#nav-bar,#urlbar,#alltabs-button,#titlebar,#TabsToolbar {-moz-appearance:none !important; background-image: url("file:///c:/Program%20Files/Firefox") !important; background-position: top !important; background-repeat: no-repeat !important;} @-moz-document url("chrome://browser/content/browser.xul") { /* not selected tab*/ .tabbrowser-tabs tab:not([selected="true"]) { background: rgba(255,255,255,0.8) !important;} /* selected tab */ .tabbrowser-tab[selected="true"] { background: rgba(255,255,255,0.98)!important; font-size: 13px !important; } /* urlbar */ #urlbar { background: rgba(255,255,255,0.55) !important;} } /* pinned tab */ .tabbrowser-tab[pinned="true"] {height:32px !important;} .tabbrowser-tab[pinned="true"] .tab-icon-image {margin-top:5px !important;} /* 增加边框*/ #main-window[sizemode=normal] #titlebar {border-top:4px solid black !important; } /* 调整火狐橙位置*/ #main-window[sizemode=maximized] #appmenu-button-container {margin-top: 4px !important;} #main-window[sizemode=normal] #appmenu-button-container {margin-left: 4px !important;} /* 调整火狐橙按钮的高度*/ #appmenu-button {height:22px !Important;} |
|
4楼#
发布于:2010-08-26 22:05
|
|
5楼#
发布于:2010-08-26 22:05
|
|
6楼#
发布于:2010-08-26 22:05
更新一下:xp下的自画标题栏设定背景图片后就没有了边框,窗口化时有点不自然;
用下面的css可以给标题栏加上边框,颜色、粗细根据你系统的主题调整,我的系统边框是黑色的; 另外一个是调整火狐橙在最大化和窗口模式时的位置; 上面的代码也已更新。 /* 增加边框*/ #main-window[sizemode=normal] #titlebar {border-top:4px solid black !important; } /* 调整火狐橙位置*/ #main-window[sizemode=maximized] #appmenu-button-container {margin-top: 4px !important;} #main-window[sizemode=normal] #appmenu-button-container {margin-left: 4px !important;} |
|
7楼#
发布于:2010-08-26 22:05
sheshexuan:钱德勒,图片没什么要求的吧,我的效果怎么只有这样啊?我是在每夜版用的~回到原帖 没要求,也不能太小了,看你的图是路径没设置对; 图片找得不合适就不好看,我都是到personas官网去找。 |
|
8楼#
发布于:2010-08-26 22:05
路径要到具体文件,比如我的是file:///c:/Program%20Files/Firefox/img/navi.jpg
|
|
9楼#
发布于:2010-08-26 22:05
forfirefox:mark了。话说我刚用ff3.6.9试验,悲剧。回到原帖 firefox4下的; [quote="cooliio"]楼主的那个把网页icon图片放到标签前面,是怎么弄的啊???[/quote]app tab; |
|
10楼#
发布于:2010-08-26 22:05
|
|