首页>Firefox 专区>Firefox 正式版和测试版>能否更改工具栏上默认的书签按钮图标
回复
« 返回列表
1 2 下一页 »
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
阅读：5034回复：15

能否更改工具栏上默认的书签按钮图标

楼主#
更多 发布于：2011-04-04 22:23
linux下firefox默认的书签按钮图标不好看，有什么办法在不换主题的前提下更改这个图标，或让它和前进后退图标一样使用系统默认的图标集吗？

  • 图片：选区_001.png

喜欢0
回复
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于：2011-04-04 22:23
是没下拉菜单那个，不知道linux下的id跟win下一样不？
找个自己喜欢的png图标，转换成base64格式，将转换后的代码放到base64,后面就可以了。 
#bookmarks-button
{list-style-image: none !important;
background:
url("data:image/png;base64,")
no-repeat center  !important;}
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
2楼#
发布于：2011-04-04 22:23
alanfly：是没下拉菜单那个，不知道linux下的id跟win下一样不？
找个自己喜欢的png图标，转换成base64格式，将转换后的代码放到base64,后面就可以了。
#bookmarks-button
{list-style-image: none !important;
background:
url("data:image/png;base64,")
no-repeat center  !important;}
回到原帖


变成了一片空白啊。是把代码放到userChrome.css里面吗？

#bookmarks-button
{list-style-image: none !important;
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAAmJLR0QA/vCI/CkAAAAJcEhZcwAA
DdYAAA3WAZBveZwAAAAJdnBBZwAAABgAAAAYAHhMpaYAAAD3SURBVDjLzZChbgJBEIa/SS7hSC4p
FSAQkCLuAbC8RJG1vBMCUY2jvAGCkFMlIMFARQ8BKaIXCoRkKpYjpXALijAr9t+Z+ef/Z+HuQpJL
miaLu3+smcvPhVlacLoszHG6WjBZx8JwdzlmBu5ysZZjFfk+oE0M7ITtaerGBM3jARBJeOw8ScGT
NoA+X29peKWlg5l9i/qXFDxpAvAOYLC+2HcI/mRjbN3hTJEtVEN4y58SIh0ByBOATmJCMXodQd/9
8P4RJKQB6mNmdWQM6rur1vSxB62HSinpW4+M1T/LgXyBBvXUeUKkC3MDsKwNMOYmtQxL7jV+AUnO
T4rhP7YkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTAzLTI5VDE2OjE1OjIxKzAyOjAwk1bN0gAA
ACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0wMy0yOVQxNjoxNToyMSswMjowMOILdW4AAAAZdEVYdFNv
ZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC")
no-repeat center  !important;}

  • 图片：选区_001.png

回复(0) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于：2011-04-04 22:23
是userchrome.css里，不过你的base64代码有问题，多了些换行符；
这样就好了；
还有就是你的图标怎么是破损的，转换出问题了？ 
#bookmarks-button
{list-style-image: none !important;
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAAmJLR0QA/vCI/CkAAAAJcEhZcwAADdYAAA3WAZBveZwAAAAJdnBBZwAAABgAAAAYAHhMpaYAAAD3SURBVDjLzZChbgJBEIa/SS7hSC4pFSAQkCLuAbC8RJG1vBMCUY2jvAGCkFMlIMFARQ8BKaIXCoRkKpYjpXALijAr9t+Z+ef/Z+HuQpJLmiaLu3+smcvPhVlacLoszHG6WjBZx8JwdzlmBu5ysZZjFfk+oE0M7ITtaerGBM3jARBJeOw8ScGTNoA+X29peKWlg5l9i/qXFDxpAvAOYLC+2HcI/mRjbN3hTJEtVEN4y58SIh0ByBOATmJCMXodQd98P4RJKQB6mNmdWQM6rur1vSxB62HSinpW4+M1TLgXyBBvXUeUKkC3MDsKwNMOYmtQxL7jV+AUnOT4rhP7YkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTAzLTI5VDE2OjE1OjIxKzAyOjAwk1bN0gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0wMy0yOVQxNjoxNToyMSswMjowMOILdW4AAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC")
no-repeat center  !important;}
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
4楼#
发布于：2011-04-04 22:23
奇怪，我用我上面贴的base64代码转换过来图片是正常的，用你下面贴的代码转换以后图片是破损的。
还有就是，依然是一片空白……

图片是这个

  • 图片：bookmark.png

回复(0) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
5楼#
发布于：2011-04-04 22:23
是有点奇怪，下面这个可以了。 
#bookmarks-button
{list-style-image: none !important;
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAb1BMVEUAAAD////////////////////////////////////u7u7Nzc2dnZ3///9RUVEAAAAfHx8ICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAA27BlpAAAAJXRSTlMAAgkSFRoeIyYzTVxjZ3R7fH6BiI6UmqGnrbO6wMPGzM3T1tnsFva36wAAAKdJREFUKM+1kdsOgyAMQPGG9YKobMgubk73/9+4UochgcftPLQlh5Q2MPYnUg4ITwPB5zcy80DA9kI2CMWTiIgHERF3IiJuhCcKnLJAcSU8Aeu64hEuhC+MMbCnvTr6TNMEe7KVu74si9YaI2jiEGfHtzrEyYFV12FybwghlFIYQfV13St/qnEc7VRDk2XN4AsppRVtyVjZ+ptjH9w8rxLGkir/7fd/AF9WD0LgE6AbAAAAAElFTkSuQmCC")
no-repeat center  !important;}
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
6楼#
发布于：2011-04-04 22:23
还是空白…………
难道我的firefox出问题了，可是从官方ftp上下载的4.2也是一样的情况。
回复(0) 喜欢(0)
lyly
lyly
小狐狸
小狐狸
  • UID35829
  • 注册日期2011-04-02
  • 最后登录2011-08-04
  • 发帖数14
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
7楼#
发布于：2011-04-04 22:23
把这段结尾 no-repeat center  !important;}
换成 !important;  -moz-image-region: auto !important;} 试试
空白代表base64代码已经生效了，否则是没有任何效果
我之前也是空白，把结尾改过来就可以了

  • 图片：捕获.JPG

回复(0) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
8楼#
发布于：2011-04-04 22:23
楼上的图标也是破损的，奇怪了;
我这是这样的：

那再用这个试试。 
#bookmarks-button
{
-moz-image-region:auto !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAb1BMVEUAAAD////////////////////////////////////u7u7Nzc2dnZ3///9RUVEAAAAfHx8ICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAA27BlpAAAAJXRSTlMAAgkSFRoeIyYzTVxjZ3R7fH6BiI6UmqGnrbO6wMPGzM3T1tnsFva36wAAAKdJREFUKM+1kdsOgyAMQPGG9YKobMgubk73/9+4UochgcftPLQlh5Q2MPYnUg4ITwPB5zcy80DA9kI2CMWTiIgHERF3IiJuhCcKnLJAcSU8Aeu64hEuhC+MMbCnvTr6TNMEe7KVu74si9YaI2jiEGfHtzrEyYFV12FybwghlFIYQfV13St/qnEc7VRDk2XN4AsppRVtyVjZ+ptjH9w8rxLGkir/7fd/AF9WD0LgE6AbAAAAAElFTkSuQmCC")
  !important;
}
回复(0) 喜欢(0)
eagle5678
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
写私信
9楼#
发布于：2011-04-04 22:23
直接将系统主题图标中的书签换一下就可以了
回复(0) 喜欢(0)
lyly
lyly
小狐狸
小狐狸
  • UID35829
  • 注册日期2011-04-02
  • 最后登录2011-08-04
  • 发帖数14
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
10楼#
发布于：2011-04-04 22:23
我的图标哪有破损？
楼主发的base64代码，还有换行符，直接查看就是破损
清除换行符后，图像是完整的
就是结尾出了问题～
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
11楼#
发布于：2011-04-04 22:23
lyly：把这段结尾 no-repeat center  !important;}
换成 !important;  -moz-image-region: auto !important;} 试试
空白代表base64代码已经生效了，否则是没有任何效果
我之前也是空白，把结尾改过来就可以了回到原帖


这样的结果是变成了一个很窄的空白……
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
12楼#
发布于：2011-04-04 22:23
alanfly：楼上的图标也是破损的，奇怪了;
我这是这样的：

那再用这个试试。
#bookmarks-button
{
-moz-image-region:auto !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAb1BMVEUAAAD////////////////////////////////////u7u7Nzc2dnZ3///9RUVEAAAAfHx8ICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAA27BlpAAAAJXRSTlMAAgkSFRoeIyYzTVxjZ3R7fH6BiI6UmqGnrbO6wMPGzM3T1tnsFva36wAAAKdJREFUKM+1kdsOgyAMQPGG9YKobMgubk73/9+4UochgcftPLQlh5Q2MPYnUg4ITwPB5zcy80DA9kI2CMWTiIgHERF3IiJuhCcKnLJAcSU8Aeu64hEuhC+MMbCnvTr6TNMEe7KVu74si9YaI2jiEGfHtzrEyYFV12FybwghlFIYQfV13St/qnEc7VRDk2XN4AsppRVtyVjZ+ptjH9w8rxLGkir/7fd/AF9WD0LgE6AbAAAAAElFTkSuQmCC")
  !important;
}
回到原帖


这样可以了~终于成功了，非常感谢~也谢谢其他几位。
回复(0) 喜欢(0)
qifei9
qifei9
小狐狸
小狐狸
  • UID33047
  • 注册日期2010-06-14
  • 最后登录2019-04-28
  • 发帖数24
  • 经验18枚
  • 威望0点
  • 贡献值4点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
13楼#
发布于：2011-04-04 22:23
lyly：我的图标哪有破损？
楼主发的base64代码，还有换行符，直接查看就是破损
清除换行符后，图像是完整的
就是结尾出了问题～回到原帖


这个换行符是因为，我在终端里用base64命令编码时，因为终端的宽度，默认是76个字符后自动换行。加了 -w 0 参数以后就OK了。
还有就是，linux下文本默认是unix格式，windows下全部是dos格式，这两种格式的换行符是不同的，所以同一个文本在linux下和在windows下经常会因为换行符出问题……
回复(0) 喜欢(0)
hunkyeung
hunkyeung
小狐狸
小狐狸
  • UID33567
  • 注册日期2010-07-28
  • 最后登录2016-06-29
  • 发帖数72
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
14楼#
发布于：2011-04-04 22:23
去找个好看的主题，应该就可以吧
回复(0) 喜欢(0)
上一页
游客

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

返回顶部