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

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

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

标签栏在下:

窗口化时;
标签栏置顶:

标签栏在下:

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

火狐橙?
我没动,只把按钮文字改成firefox。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
2楼#
发布于:2010-08-26 22:05

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

如golf-at所说,只是样子像,实际已经换成firefox的了;
我一楼的效果是用css把标题栏和标签栏、导航栏还有地址栏的背景都换成一张图片,有点跟personas类似。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
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;}
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
4楼#
发布于: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";}
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
5楼#
发布于:2010-08-26 22:05
jiahuiqu:很棒,楼主能再做一个标签栏和标题栏合并的(火狐橙最好短一点的)?回到原帖

我喜欢保留标题栏,可以显示标题、还可以拖拉窗口;
以前隐藏标题栏是因为系统标题栏和firefox主题不搭配,又不能更改样式;
论坛里不是有标签栏和标题栏合并的样式,可以去试试。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
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;}
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
7楼#
发布于:2010-08-26 22:05
sheshexuan:钱德勒,图片没什么要求的吧,我的效果怎么只有这样啊?我是在每夜版用的~回到原帖

没要求,也不能太小了,看你的图是路径没设置对;
图片找得不合适就不好看,我都是到personas官网去找。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
8楼#
发布于:2010-08-26 22:05
路径要到具体文件,比如我的是file:///c:/Program%20Files/Firefox/img/navi.jpg
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
9楼#
发布于:2010-08-26 22:05
forfirefox:mark了。话说我刚用ff3.6.9试验,悲剧。回到原帖

firefox4下的;


[quote="cooliio"]楼主的那个把网页icon图片放到标签前面,是怎么弄的啊???[/quote]app tab;
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
10楼#
发布于:2010-08-26 22:05
newfisher:楼主地址栏显示扩展图标怎么弄的阿回到原帖

ステータスバーとアドレスバーを統合する おそらく最終版 - Griever
不过最新的beta版应该已经矢效了。
游客

返回顶部