2014-01-17 12:27题主
Coldstone
用户名称：coldstone
加入日期：2013-04-23 12:20
登录次数：228

【分享】Webbuilder的icon图标修改为png（集成215个新图标）升级包

Webbuilder默认采用gif图标，当然是为了兼容IE6，但是不面向IE6用户的系统还是用png图标更好看，资源也更多。这里分享一个我刚刚做好的修改wb的图标升级包，优化了wb的系统图标，内含新增的215个iconCls，希望能帮到大家。

先上图：

升级包文件：wb68_icon_change.zip，压缩包内有使用说明文件。

【说明】
 此升级包把系统中的icon从gif修改为png，美化了系统界面的部分图标，并新增了215个新图标。支持自定义png新图标。
 支持Webbuilder版本：6.8

【更换步骤】：
 1、删除你系统中webbuilder/images目录下的所有.gif文件。
 2、将压缩包中的webbuilder文件夹复制到你的系统中覆盖原来的文件。
 3、进入IDE(集成开发环境)，打开【开发套件】>【集成开发环境】模块。
    在【Object TreeView】中展开【newWin】，找到【iconCombo】控件。
    编辑【iconCombo】的【Properties】中的【listConfig】，将其中的：
    webbuilder/images/{field3}.gif
    修改为：
    webbuilder/images/{field3}.png
 4、大功告成。如要增加图标，只需把16x16的png图标放到webbuilder/images文件夹，然后在webbuild/css/style.css文件中添加格式为：
    .文件名_icon{width:16px;height:16px;background-image:url(../images/文件名.png)!important}
    的相应css即可。

再送一个大礼包：8400个PNG开源图标(16x16).zip 
文件比较大，传不到论坛，就传网盘了，8000+的图标，总能找到你喜欢的，上面的升级包中的图标也是从这里面精选出来的。
Enjoy!
2014-01-17 12:37#1
Zhao WJ
用户名称：zhaowj
加入日期：2011-05-02 12:07
登录次数：2117
 谢谢 Coldstone 分享，很有用的包，对增强界面很有帮助！！
2014-01-17 15:32#2
博乐
用户名称：ywk2008
加入日期：2012-11-10 10:42
登录次数：433
 很好的资源包 谢谢分享。
2014-01-17 17:28#3
moonshine
用户名称：moonshine
加入日期：2012-10-30 12:19
登录次数：1259
 谢谢分享
2014-01-19 09:55#4
Chen Jie
用户名称：chenjie
加入日期：2012-05-29 23:07
登录次数：4879
 谢谢分享！图标很精美.
2014-01-23 13:03#5
jjyu
用户名称：jjyu
加入日期：2012-08-31 15:07
登录次数：110
 谢谢，收藏了
2014-03-20 10:58#6
leslir
用户名称：leslir
加入日期：2012-11-12 12:56
登录次数：152

太好了，我修改了三天代码 也就改了一半，虽然可以加载png图片了 但是没有预览图。

还好有你和这个帖子！

赞一个！
2014-03-20 11:22#7
leslir
用户名称：leslir
加入日期：2012-11-12 12:56
登录次数：152

”

如要增加图标，只需把16x16的png图标放到webbuilder/images文件夹，然后在webbuild/css/style.css文件中添加格式为：

    .文件名_icon{width:16px;height:16px;background-image:url(../images/文件名.png)!important}

“


你上传的8400个图标也很漂亮，但是如果按照 更换步骤想把这些图片都放进来 就太麻烦了。

应该可以再调整下代码 可以自动读取image目录下的文件夹就好了
2014-04-11 08:57#8
wayout
用户名称：wayout
加入日期：2014-03-28 08:06
登录次数：68
 您好：
請問
进入IDE(集成开发环境)，打开【开发套件】>【集成开发环境】模块。
他的英文 路徑是??
找不到
2014-04-11 09:40#9
Zhao WJ
用户名称：zhaowj
加入日期：2011-05-02 12:07
登录次数：2117
 入口URL：[ip:portal]/[appname]
特定模块URL：[ip:portal]/[appname]/main?xwl=[moduleId]，如IDE URL为：
.../main?xwl=ide，可以在Portal中双击tab页在新窗口中打开指定模块
2014-04-11 10:37#10
wayout
用户名称：wayout
加入日期：2014-03-28 08:06
登录次数：68
 不好意思，沒有說清楚
我想問的是：
进入IDE(集成开发环境)，打开【开发套件】>【集成开发环境】模块。

在英文版中，是
Development Suite
  |--Development Environment 中的  哪一個 module 或 選項

還是
Development Suite  下的哪一個 module 或 選項
它們的英文是?

謝謝!
2014-04-11 13:30#11
Zhao WJ
用户名称：zhaowj
加入日期：2011-05-02 12:07
登录次数：2117
 Development Environment
2014-05-05 07:38#12
yangjq
用户名称：yangjq
加入日期：2013-04-03 11:22
登录次数：45
 谢谢，图标很漂亮
2020-02-18 14:51#13
yixiu
用户名称：rest2018
加入日期：2018-12-07 09:32
登录次数：375
 这个不错，不确定在wb8.x 是否同样适用

返回开发者社区