首页>Firefox 专区>Firefox 主题外观>NewDownloadsPanel显示下载进度数值(Nigh...
回复
« 返回列表
lonely_8
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
写私信
  • 社区居民
  • 忠实会员
阅读：6309回复：11

NewDownloadsPanel显示下载进度数值(Nightly)

楼主#
更多 发布于：2012-08-17 00:22
鼠标停留在下载按钮上显示当前下载进度数值，
仅适用于开启新下载面板的Firefox版本。
http://userstyles.org/styles/71325

图片：preview.gif


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {

#downloads-indicator-progress-area { position: relative }
#downloads-indicator-progress-area::after {
    left: 43px;
    content: "%";
    background: rgba(0,0,0,.5);
    padding : 0 2px 0 22px;
    margin-left: -22px;
    border-radius: 3px;
}
#downloads-indicator-progress::after {
    left: 22px;
    z-index: 1;
    content: attr(value);
    width: 20px;
    overflow: hidden;
}
:-moz-any(#downloads-indicator-progress,#downloads-indicator-progress-area)::after {
    position: absolute;
    top: 1px;
    font-size: 11px;
    color: #FFF;
    opacity: 0;
    transform: translateX(-20px);
    transition-duration: 800ms,600ms;
}
#downloads-indicator:hover :-moz-any(#downloads-indicator-progress,#downloads-indicator-progress-area)::after {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 200ms,150ms;
    transition-property: opacity, transform;
    transition-timing-function: ease-out;
}
}
喜欢1

最新喜欢：

thescfaithescf...
回复
iwo
iwo
火狐狸
火狐狸
  • UID38134
  • 注册日期2012-01-17
  • 最后登录2022-03-07
  • 发帖数134
  • 经验20枚
  • 威望0点
  • 贡献值4点
  • 好评度3点
写私信
  • 社区居民
1楼#
发布于：2012-08-17 00:22
支持楼主，试下去先；

再请教下，那个黑黑的下载图标，能改成白版的吗？
写成这样貌似不行：
#downloads-button,#downloads-indicator, #downloads-indicator-icon
{list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important; }


Ps：还有，Fx 17a里（或者更早）已经可以根据文件后缀名，
尝试记住“另存为”的下载目录了吗，还是煋了？
罘罳無賴•飛蟲勿擾
回复(0) 喜欢(0)
taglife
taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
写私信
2楼#
发布于：2012-08-17 00:22
lonely_8：...回到原帖

是用什麼主題?! 好像還蠻好看的...
Firefox 開啟安全模式，停用個人設定、佈景主題及擴充套件(無附加元件)測試：
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎：Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
回复(0) 喜欢(0)
lonely_8
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
写私信
  • 社区居民
  • 忠实会员
3楼#
发布于：2012-08-17 00:22
iwo：支持楼主，试下去先；

再请教下，那个黑黑的下载图标，能改成白版的吗？
写成这样貌似不行：
#downloads-button,#downloads-indicator, #downloads-indicator-icon
{list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important; }


Ps：还有，Fx 17a里（或者更早）已经可以根据文件后缀名，
尝试记住“另存为”的下载目录了吗，还是煋了？回到原帖

新下载面板那个按钮是用背景做的。
#downloads-indicator-icon{
 background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                              0, 108, 18, 90) center no-repeat!important;
}

貌似是按文件后缀记住之前的下载路径了，这个功能我不常用，
我用紫云飞大大的save to脚本将常用下载路径设定好了。



是用什麼主題?! 好像還蠻好看的...[/quote]
FXChrome主题
回复(0) 喜欢(0)
fang5566
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-04-22
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1115点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
4楼#
发布于：2012-08-17 00:22
相当好用，收了，多谢！
Firefox More than meets your experience
回复(0) 喜欢(0)
runking
runking
火狐狸
火狐狸
  • UID35372
  • 注册日期2011-03-03
  • 最后登录2016-01-14
  • 发帖数165
  • 经验41枚
  • 威望0点
  • 贡献值50点
  • 好评度1点
写私信
  • 社区居民
5楼#
发布于：2012-08-17 00:22
楼主用什么录你图片？感觉好清晰啊！我用的GGG录GIF，录出来感觉好粗糙的说。
回复(0) 喜欢(0)
iwo
iwo
火狐狸
火狐狸
  • UID38134
  • 注册日期2012-01-17
  • 最后登录2022-03-07
  • 发帖数134
  • 经验20枚
  • 威望0点
  • 贡献值4点
  • 好评度3点
写私信
  • 社区居民
6楼#
发布于：2012-08-17 00:22
lonely_8：
FXChrome主题回到原帖

那个下载图标css有效，不过同时把下载后变绿好像，还有楼主的进度条效果都干掉了,肿么恢复？
罘罳無賴•飛蟲勿擾
回复(0) 喜欢(0)
lonely_8
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
写私信
  • 社区居民
  • 忠实会员
7楼#
发布于：2012-08-17 00:22
runking：楼主用什么录你图片？感觉好清晰啊！我用的GGG录GIF，录出来感觉好粗糙的说。回到原帖

Camtasia Studio

[quote="iwo"]那个下载图标css有效，不过同时把下载后变绿好像，还有楼主的进度条效果都干掉了,肿么恢复？[/quote]
我这里进度条效果正常。
试试这个吧
#downloads-indicator:not([counter]):not([attention]) #downloads-indicator-icon{
 background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                              0, 108, 18, 90) center no-repeat!important;
}
回复(0) 喜欢(0)
pcxfirefox
pcxfirefox
千年狐狸
千年狐狸
  • UID39042
  • 注册日期2012-06-22
  • 最后登录2018-01-15
  • 发帖数2539
  • 经验1263枚
  • 威望2点
  • 贡献值242点
  • 好评度133点
写私信
  • 最爱沙发
  • 忠实会员
  • 社区居民
8楼#
发布于：2012-08-17 00:22

FXChrome主题

问下用了FxChrome+UX主题后，标签页与最上面有1px的距离

怎样消除这个1px呢？
http://pcxfirefox.wordpress.com/
回复(0) 喜欢(0)
lonely_8
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
写私信
  • 社区居民
  • 忠实会员
9楼#
发布于：2012-08-17 00:22
pcxfirefox：
问下用了FxChrome+UX主题后，标签页与最上面有1px的距离

怎样消除这个1px呢？回到原帖

窗口最大化后的？数值自调吧
#main-window[sizemode="maximized"] #tabbrowser-tabs{
margin-top:-1px!important;
}
回复(0) 喜欢(0)
pcxfirefox
pcxfirefox
千年狐狸
千年狐狸
  • UID39042
  • 注册日期2012-06-22
  • 最后登录2018-01-15
  • 发帖数2539
  • 经验1263枚
  • 威望2点
  • 贡献值242点
  • 好评度133点
写私信
  • 最爱沙发
  • 忠实会员
  • 社区居民
10楼#
发布于：2012-08-17 00:22

窗口最大化后的？数值自调吧
#main-window[sizemode="maximized"] #tabbrowser-tabs{
margin-top:-1px!important;
}

是最大化的，不过你这个写法不知道为什么和omnibar plus的动态效果有冲突

我直接写
#tabbrowser-tabs {
    margin-top:-1px!important;
    }

就行了
http://pcxfirefox.wordpress.com/
回复(0) 喜欢(0)
iwo
iwo
火狐狸
火狐狸
  • UID38134
  • 注册日期2012-01-17
  • 最后登录2022-03-07
  • 发帖数134
  • 经验20枚
  • 威望0点
  • 贡献值4点
  • 好评度3点
写私信
  • 社区居民
11楼#
发布于：2012-08-17 00:22
lonely_8：
我这里进度条效果正常。
试试这个吧
#downloads-indicator:not([counter]):not([attention]) #downloads-indicator-icon{
 background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                              0, 108, 18, 90) center no-repeat!important;
}
回到原帖

OK！！！多谢！
PS:话说做UI的人为啥要这么干捏，记得那个后退按钮（backward button），也是用图片做背景，独独这里保留个奇葩，为嘛呢？
罘罳無賴•飛蟲勿擾
回复(0) 喜欢(0)
游客

关于FirefoxMozilla 技术支持谋智中国手机版(Beta)了解 Mozilla

返回顶部