本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

感谢作者,先安装试试看
遇到两个问题,
1. 与显示标题栏的CSS代码不兼容:

http://userstyles.org/styles/41025/firefox-4-bring-the-title-back

2. Tab Utilities Lite 的撤销关闭标签的图标移位,如图 ...
chekie 发表于 2011-5-3 13:19
1. 这个主题与一般的主题不同,它定义了3个系统按钮,而一般主题使用的是Firefox自画的系统按钮。所以,使用本主题时,标题栏的CSS需要做特别的处理。
2. Tab Utilities Lite 的新增加的2个按钮,使用的都是 Firefox 主题的按钮。这就造成了问题:如果主题的按钮大小和Firefox默认主题的图标大小不同,这个扩展按钮的图标就会有问题。1.6版专门针对Tab Utilities Lite的按钮图标添加了CSS代码。
1# golf-at
强烈支持楼主的更新,这次更新加入了撤销关闭标签页按钮的支持,这下风格统一多了,更好看了,楼主这个图标是做的还是提取的?
如果是提取的,请问你提取的那个地方是否有扳手图标呢?
如果有,能不能帮我提取一个出来,准备用来替换Toolbar Appmenu Button这个按钮的图标,谢谢了
本帖最后由 ffpro 于 2011-5-4 21:56 编辑

1# golf-at
再提两个建议:

1、期待浅色调版本的推出

2、期待能够根据用户意见逐渐增加扩展图标的美化,可以每次更新加入一点,以减少工作量,比如这次加入的撤销关闭标签页按钮的图标就很不错,使风格趋于统一,不会让个别扩展的图标显得太突出,同时用户体验也更好,这一点FxChrome这个主题可能是做得最好的,也期待楼主能够逐步完善

祝楼主的主题越来越棒!!!
本帖最后由 chekie 于 2011-5-4 23:59 编辑

地址栏和导航栏上下的空白有点大呢.故意设计的吗?
附件: 您所在的用户组无法下载或查看附件
再请问一下,如果把一个png图片用base64编码后,怎么写stylish代码替换某扩展的图标,可以举个例子吗?
再请问一下,如果把一个png图片用base64编码后,怎么写stylish代码替换某扩展的图标,可以举个例子吗?
ffpro 发表于 2011-5-10 14:20
没这样试过,好像可以直接用文件名。将图片文件放在扩展目录下,比如:
#button-id .toolbarbutton-icon {
  list-style-image: url("button-icon.png") !important;
  -moz-image-region: rect(0px, 20px, 20px, 0px) !important;
}
37# golf-at
再提两个建议:

1、期待浅色调版本的推出

2、期待能够根据用户意见逐渐增加扩展图标的美化,可以每次更新加入一点,以减少工作量,比如这次加入的撤销关闭标签页按钮的图标就很不错,使风格趋于统一,不会让个别扩展的图标显得太突出,同时用户体验也更好,这一点FxChrome这个主题可能是做得最好的,也期待楼主能够逐步完善(这次这个撤销关闭标签页图标就是从FxChrome主题那里移植过来的吧,不错,以后能不能根据用户需求每次从那里移植几个图标,或者,楼主能不能写一个这样的简单教程,就是把Fxchrome主题中的扩展图标怎么移植过来,关键是要改主题文件中那些文件的代码,谢谢了

祝楼主的主题越来越棒!!!
1# golf-at
还没有更新吗???
1# golf-at
希望出一个浅色调版本,就是打开Firefox后单击任务栏空白区的时候显示的那种浅色调
1# golf-at
楼主你好,能不能从你提取“撤销关闭标签页”图标的地方提取一个扳手图标用于替换Toolbar Appmenu Button这个扩展的图标呢,这样这个扩展和你的主题就能搭配一些,整体感更强,麻烦你了,我自己用stylish代码改实现不了你做出的那种效果,显示起来有些模糊,请你帮个忙可以吗?
很喜欢你的这个主题
本帖最后由 ffpro 于 2011-6-30 13:59 编辑

1# golf-at
是不是Firefox 5.0有更改了标签栏高度?
我使用的是楼主在Firefox扩展中心更新的1.7版本主题(希望在这个帖子里也更新一下)
这是在非最大化模式下的截图(下面两张图)






这是最大化下的截图(下面的图片)







也就是最大化情况下标签的顶端应该和页面的顶端还有一点距离,但是我发现更新Firefox 5后标签上边缘和页面顶端(屏幕边缘)完全重合了,favicon和页面顶端也只有大概1px的距离了,标签的上边缘露不出来,感觉没那么舒服,希望作者能够改进一下,谢谢!!!
另外补充一下,我使用的是标签栏置顶模式,应该很多更新到Firefox 4以上的网友都是标签栏置顶的吧,有没有发现更新到Firefox 5后出现这个问题呢?

还有,楼主可以使用
  1. #tabbrowser-tabs
  2.     {margin-top:5px!important;}
复制代码
做一个测试,就是在标签栏置顶,然后最大化的情况下,就可以发现问题了,也就是最大化的情况下也应该露出标签的圆角还有上边缘

而且,现在的右上角关闭按钮的上边缘也已经紧紧挨着显示器边(最大化情况下),而mac上是和窗口边缘还有一点距离的,希望这个部分也能修改一下(包括那个列出全部标签页的按钮,也偏上了)
附件: 您所在的用户组无法下载或查看附件
42# ffpro
你说的问题,我这儿都没有看到。难道你用了其它CSS代码修改了标题栏样式?
本帖最后由 ffpro 于 2011-6-30 20:34 编辑

43# golf-at
你的是什么版本呢?系统是windows 7吗?你在标签栏置顶、Firefox最大化的情况下能够露出标签的上边缘吗?
禁用所有样式代码后依然是这样啊

还有,我上面提的几个建议希望你能考虑一下,可能论坛没有提醒系统,几个建议都提了很久了

(楼主还可以全屏和最大化比较一下,然后看看标签栏就理解了,还有,最大化就是点击最大化按钮,全屏F11,的确应该是Mozilla做了修改,希望主题能够配套修改)

此外,还可以通过最大化情况和默认主题对比

这是默认主题的放大截图,可以看到标签和最上方还是有空间的(顶上的黑色条)

这是mac这个主题的放大图,看到标签上面和顶上就没有空间了
附件: 您所在的用户组无法下载或查看附件
44# ffpro
我用的就是Win7 x64企业版,我的电脑上,Firefox 5、6、7下,Firefox标签栏置顶且最大化时,都没看到你说的那个问题。
本帖最后由 ffpro 于 2011-6-30 23:29 编辑

45# golf-at
那你和使用该主题的全屏情况下比较了吗?还有最大化下的默认主题和这个主题的比较
能不能请你仔细看一下我的回帖呢?
要不是你这个主题确实不错,也比较支持,我何必费这么多功夫写这么多文字?能不能不要就是一个“我这里没有”就简单的回复
比较了一下默认主题。我的电脑上,默认主题反而有问题。没最大化时,标签紧贴上边界,最大化时,标签离顶部的距离又太大了。
我的确没看到问题,你总不能逼我说看到问题了吧。请确认一下,你没有使用任何自定义的样式,包含禁用Stylish,删除(改名)配置文件夹下的 chrome\userChrome.css文件。
那你能否把在你那里的效果贴图让我看看呢?(如果你能够贴图的话交流起来就更方便了)我确认关闭了那些脚本
增加了浅色版。浅色版使用了不同的 ID,所以可以与原来的版本共存。
50# golf-at
浅色版不错,不过浅色版下的右上角按钮希望也是像深色版一样有颜色的,而不是移动过去才有颜色,那样好看些
50# golf-at
浅色版不错,不过浅色版下的右上角按钮希望也是像深色版一样有颜色的,而不是移动过去才有颜色,那样好看些
ffpro 发表于 2011-7-3 11:32
这个是我弄错了,已经修正了,重新下载安装就可以了。
52# golf-at
更新后解决了,多谢
再请问楼主一下,我用如下代码
  1. #toolbar-appmenu-button > .toolbarbutton-icon{
  2.   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAdCAYAAABbjRdIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODhDNkVGNkNBNkMzQTYzOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOUFDODM0MzZEMzkxMUUwQkVDN0IzOTAwN0I2RDhDOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOUFDODM0MjZEMzkxMUUwQkVDN0IzOTAwN0I2RDhDOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODAxMTc0MDcyMDY4MTE4NzFGQ0UwMEIxNDA1QkE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4OEM2RUY2Q0E2QzNBNjM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zI1z5AAAAd9JREFUSMftlrtLQmEYxv0HbFMP3hV1SdEDgtqgouIl79ejDoEhkrNbk03i5OrUEujqFoQt4WCKEERQDVF4eHHxb7DvPWQUbfGdIHB4OJzp953nfZ73O5LNZiP5K0l2sB3sf8Dkcvm+RqM5NxgMYDQaQa/X3yqVypZMJtujDhuPx2yj0bjx+XwQDAYBnyzLgtlsviYH2aNto5TodDabLWq12ls2m4V0Og0ejwdsNtupWDNjJ5PJFYLK5TKkUilwu90vVGAKhYJjGObbbNrt9lEsFoNKpQKlUgm8Xi9QgdXr9Z7VagWLxfJIAtLS6XQtp9P5HI/HBRgqEAjQgRHLTvx+P4RCIXC5XIKi0SgUi0UBhFYmk0neZDLt05gZ0+/3H3A2mUwGcrmcYN32qxCGcIfD8UyqcEAjIMeDweC+Wq3y+XwevgqBhUJBqAParVKpOBppLBFdYvTn8/mC5/lpt9t9wgogEG0Nh8Ngt9tBrVZz1KL/IQZ71+l0PoFobyQSEcqu1Wp7YuzGH8BEIgEksUBWW0+MRfwNyHGcUHYEkrocUN/6q9XqrNlsvmJat6HB/g2Hw4gYV4x0vV5fbIFYk9FodPcxW1HuMwGIiV0ul1Pyfij25Sn9ktbdb8EO9ju9A8D5lQT2kYM3AAAAAElFTkSuQmCC") !important;
  3.   -moz-image-region: rect(3px, 23px, 25px, 4px) !important;
  4.   -moz-transform: scaleX(1) rotate(0deg) !important;
  5.   width: 20px !important;
  6.   height: 20px !important;
  7.   margin: 0px !important;
  8. }
复制代码
将toolbar-appmenu-button(https://addons.mozilla.org/zh-CN ... bar-appmenu-button/
的按钮替换成一个扳手图形,为什么替换后的效果中那个扳手有些模糊,感觉颜色也比下面附件中的图标更淡一点,但是为什么你之前提取然后添加到这个主题的那个tab mix plus的撤销关闭标签页按钮却很清晰呢?

上面的大段代码就是由这个图片转的


能不能帮我将这个替换弄的清晰一点?
附件: 您所在的用户组无法下载或查看附件
-moz-image-region: rect(3px, 23px, 25px, 4px) !important;  改成 -moz-image-region: rect(5px, 23px, 25px, 3px) !important;
因为你下面代码指定图标宽度和高度是 20px,但是这儿选择的图形区域的高为22px宽为19px,图标经过拉伸了,所以不好看。
本帖最后由 ffpro 于 2011-7-3 19:21 编辑

54# golf-at
确实如此,改了之后有效果了,谢谢
为什么是这几个值就不拉伸呢?可以在主题的那个文件中找到?
和主题无关。rect(5px, 23px, 25px, 3px) 所选矩形框的大小:高度 25px-5px=20px 宽度:23px-3px=20px,刚好和你下面指定的宽和高20px相同。而你一开始的 rect(3px, 23px, 25px, 4px),所选矩形框的大小:高度 25px-3px=22px 宽度:23px-4px=19px
56# golf-at
非常感谢你的回复
还要请教一下,
1、rect里面是(上,右,下,左)对吗,然后上-下=高度,右-左=宽度?
2、
  1. width: 20px !important;
  2.       height: 20px !important;
复制代码
以及
  1. -moz-image-region: rect(3px, 23px, 25px, 4px) !important;
复制代码
这里面的20px的宽度和高度和23px,25px就是主题的规定了吗?
(因为这段代码也是之前请论坛网友帮忙写的,不知道为什么是这样,还请多多指教)
57# ffpro

这个搜一下就行了吧。
57# ffpro
唉,怎么还不明白。和主题有一些关系。我这个主题使用的图标大小是20x20,如果你添加的按钮图标大小不是20x20,看上去就会有一点不协调。至于矩形框为什么用 rect(5px, 23px, 25px, 3px),那是要打开图像查看的。图标本身的大小是29x27,但是我们只用到20x20,所以要选取其中的有效部分,周围的空白去掉,我们我就选了 rect(5px, 23px, 25px, 3px)。当然,如果你选择  rect(4px, 24px, 24px, 4px) ,那么也是可以的,只是图像的位置偏移了一点而已。
59# golf-at
对这些东西不是很了解,所以想问一下,谢谢