2014-01-17 12:27题主

【分享】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
谢谢 Coldstone 分享,很有用的包,对增强界面很有帮助!!
2014-01-17 15:32#2
很好的资源包 谢谢分享。
2014-01-17 17:28#3
谢谢分享
2014-01-19 09:55#4
谢谢分享!图标很精美.
2014-01-23 13:03#5
谢谢,收藏了
2014-03-20 10:58#6

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

还好有你和这个帖子!

赞一个!

2014-03-20 11:22#7

如要增加图标,只需把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
您好:
請問
进入IDE(集成开发环境),打开【开发套件】>【集成开发环境】模块。
他的英文 路徑是??
找不到
2014-04-11 09:40#9
入口URL:[ip:portal]/[appname]
特定模块URL:[ip:portal]/[appname]/main?xwl=[moduleId],如IDE URL为:
.../main?xwl=ide,可以在Portal中双击tab页在新窗口中打开指定模块
2014-04-11 10:37#10
不好意思,沒有說清楚
我想問的是:
进入IDE(集成开发环境),打开【开发套件】>【集成开发环境】模块。

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

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

謝謝!

2014-04-11 13:30#11
Development Environment
2014-05-05 07:38#12
谢谢,图标很漂亮

返回开发者社区