alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
阅读:10451回复:37

(2010-8-27更新)firefox4在xp下的自画标题栏很方便,可以随意更改样式。

楼主#
更多 发布于:2010-08-26 22:05
刚才改了下,不比win7逊色,上方还可以拖动,挺好的,扩展差不多齐全了,开始主用4了。:D
最大化时;
标签栏置顶:

标签栏在下:

窗口化时;
标签栏置顶:

标签栏在下:

实现代码在楼下。
just4fun
千年狐狸
千年狐狸
  • UID30408
  • 注册日期2009-09-17
  • 最后登录2016-04-28
  • 发帖数1497
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度2点
1楼#
发布于:2010-08-26 22:05
图标被拉伸的感觉不太好
hitsmaxft
非常火狐
非常火狐
  • UID25803
  • 注册日期2008-08-12
  • 最后登录2024-01-13
  • 发帖数740
  • 经验13枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-08-26 22:05
在等vimperator完全兼容的版本

Lost in fx...
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2010-08-26 22:05
just4fun:图标被拉伸的感觉不太好回到原帖

火狐橙?
我没动,只把按钮文字改成firefox。
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2010-08-26 22:05
楼主用的是哪个版本的?怎么实现的?(我的最大最小,关闭按纽出不来)
msky
千年狐狸
千年狐狸
  • UID14649
  • 注册日期2006-09-21
  • 最后登录2023-04-03
  • 发帖数2959
  • 经验166枚
  • 威望0点
  • 贡献值12点
  • 好评度9点
  • 社区居民
5楼#
发布于:2010-08-26 22:05
最小化,最大化和关闭按钮不错啊,LS用25号以后的每夜版,前提是隐藏菜单栏,禁用隐藏标题栏扩展和脚本
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2010-08-26 22:05
msky:最小化,最大化和关闭按钮不错啊,LS用25号以后的每夜版,前提是隐藏菜单栏,禁用隐藏标题栏扩展和脚本回到原帖



我的为什么只能达到这个效果?(26日每夜版)
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
7楼#
发布于:2010-08-26 22:05
楼上的,WinXP 用的是经典主题吧,所以右上角的系统按钮就是那样了。至于楼主的标题栏和工具栏在WinXP下透明,那是用其它扩展或脚本实现的。
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
8楼#
发布于:2010-08-26 22:05
GOLF-AT:楼上的,WinXP 用的是经典主题吧,所以右上角的系统按钮就是那样了。至于楼主的标题栏和工具栏在WinXP下透明,那是用其它扩展或脚本实现的。回到原帖



也就是说,XP下的自画标题栏还借用系统的标题栏?
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
9楼#
发布于:2010-08-26 22:05
jiahuiqu

也就是说,XP下的自画标题栏还借用系统的标题栏?
回到原帖

是的,Firefox 4.0自画的标题栏样式和系统的一样。这样做的目的,用户可以自己用CSS代码轻松隐藏标题栏。以前的版本,只能用HideChrome=true来隐藏,但是那样的话,程序边框什么的都没有了(很难看),不能拖动窗口,不能改变窗口大小,需要额外用 javascript 代码来实现移动、拖拉等功能。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
10楼#
发布于:2010-08-26 22:05

也就是说,XP下的自画标题栏还借用系统的标题栏?

如golf-at所说,只是样子像,实际已经换成firefox的了;
我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
11楼#
发布于:2010-08-26 22:05
楼上的,能提供下CSS共享下吗?
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
12楼#
发布于: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;}
dxq83
火狐狸
火狐狸
  • UID25092
  • 注册日期2008-06-26
  • 最后登录2015-01-19
  • 发帖数202
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
13楼#
发布于:2010-08-26 22:05
如何把按钮文字改成firefox
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
14楼#
发布于:2010-08-26 22:05
alanfly
如golf-at所说,只是样子像,实际已经换成firefox的了;
我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。
回到原帖



谢谢,试试看效果怎么样.
上一页
游客

返回顶部