jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
15楼#
发布于:2010-08-26 22:05
alanfly
我喜欢保留标题栏,可以显示标题、还可以拖拉窗口;
以前隐藏标题栏是因为系统标题栏和firefox主题不搭配,又不能更改样式;
论坛里不是有标签栏和标题栏合并的样式,可以去试试。
回到原帖




论坛里的那几个在XP下都不好用了.
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
16楼#
发布于: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;}
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
17楼#
发布于:2010-08-26 22:05
已经接近 WIN7 的效果了(XP下)
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
18楼#
发布于:2010-08-26 22:05
等等吧,面包总会有的
msky
千年狐狸
千年狐狸
  • UID14649
  • 注册日期2006-09-21
  • 最后登录2023-04-03
  • 发帖数2959
  • 经验166枚
  • 威望0点
  • 贡献值12点
  • 好评度9点
  • 社区居民
19楼#
发布于:2010-08-26 22:05
以前XP下还可以靠修改browser.manifest来使用Win7的图标和配色,现在也失效了,其实都在一个包里,XP下能调用Win7的标题栏和配色就好看多了。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
20楼#
发布于:2010-08-26 22:05
jiahuiqu:很棒,楼主能再做一个标签栏和标题栏合并的(火狐橙最好短一点的)?回到原帖

我喜欢保留标题栏,可以显示标题、还可以拖拉窗口;
以前隐藏标题栏是因为系统标题栏和firefox主题不搭配,又不能更改样式;
论坛里不是有标签栏和标题栏合并的样式,可以去试试。
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
21楼#
发布于:2010-08-26 22:05
很棒,楼主能再做一个标签栏和标题栏合并的(火狐橙最好短一点的)?
dxq83
火狐狸
火狐狸
  • UID25092
  • 注册日期2008-06-26
  • 最后登录2015-01-19
  • 发帖数202
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
22楼#
发布于:2010-08-26 22:05
谢谢!
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
23楼#
发布于:2010-08-26 22:05
dxq83:如何把按钮文字改成firefox回到原帖

用下面的css;
#appmenu-button .button-box .box-inherit .button-text {display: none;}
#appmenu-button .button-box .box-inherit:before {content: "Firefox";}
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
24楼#
发布于:2010-08-26 22:05
alanfly
如golf-at所说,只是样子像,实际已经换成firefox的了;
我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。
回到原帖



谢谢,试试看效果怎么样.
dxq83
火狐狸
火狐狸
  • UID25092
  • 注册日期2008-06-26
  • 最后登录2015-01-19
  • 发帖数202
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
25楼#
发布于:2010-08-26 22:05
如何把按钮文字改成firefox
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
26楼#
发布于: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;}
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
27楼#
发布于:2010-08-26 22:05
楼上的,能提供下CSS共享下吗?
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
28楼#
发布于:2010-08-26 22:05

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

如golf-at所说,只是样子像,实际已经换成firefox的了;
我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
29楼#
发布于:2010-08-26 22:05
jiahuiqu

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

是的,Firefox 4.0自画的标题栏样式和系统的一样。这样做的目的,用户可以自己用CSS代码轻松隐藏标题栏。以前的版本,只能用HideChrome=true来隐藏,但是那样的话,程序边框什么的都没有了(很难看),不能拖动窗口,不能改变窗口大小,需要额外用 javascript 代码来实现移动、拖拉等功能。
游客

返回顶部