`
zpball
  • 浏览: 925801 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext Theme Builder /Ext 皮肤定制

ext 
阅读更多
Spket 定制皮肤功能:
spket 支持定制EXT皮肤功能 http://spket.com/ext-theme-builder.html
name.theme  , 其实theme 是xml配置文件.包含不需要定制的图标文件描述文件. 调节颜色至理想颜色即可导出.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<theme full="true" name="lily-purple" path="D:\aptana\opsm\htdocs\js\ext221\resources">
<exclude name="dd/drop-add.gif"/>
<exclude name="dd/drop-no.gif"/>
<exclude name="dd/drop-yes.gif"/>
<exclude name="editor/tb-sprite.gif"/>
<exclude name="form/exclamation.gif"/>
<exclude name="grid/dirty.gif"/>
<exclude name="grid/drop-no.gif"/>
<exclude name="grid/drop-yes.gif"/>
<exclude name="grid/hmenu-asc.gif"/>
<exclude name="grid/hmenu-desc.gif"/>
<exclude name="grid/hmenu-lock.gif"/>
<exclude name="grid/hmenu-lock.png"/>
<exclude name="grid/hmenu-unlock.gif"/>
<exclude name="grid/hmenu-unlock.png"/>
<exclude name="grid/refresh.gif"/>
<exclude name="shared/warning.gif"/>
<exclude name="tree/arrows.gif"/>
<exclude name="tree/drop-add.gif"/>
<exclude name="tree/drop-between.gif"/>
<exclude name="tree/drop-no.gif"/>
<exclude name="tree/drop-over.gif"/>
<exclude name="tree/drop-under.gif"/>
<exclude name="tree/drop-yes.gif"/>
<exclude name="tree/folder-open.gif"/>
<exclude name="tree/folder.gif"/>
<exclude name="window/icon-error.gif"/>
<exclude name="window/icon-info.gif"/>
<exclude name="window/icon-question.gif"/>
<exclude name="window/icon-warning.gif"/>
<effect colorize="true" hue="221" lightness="24" name="Hue/Saturation…" saturation="50"/>
<effect enabled="false" name="Invert"/>
</theme>

Ext Theme Builder
From Spket the menu bar, select File > New > File
In the File name field, type ext.theme as the name for the new file. Then click Finish.
Click the Browse… button to specify the path to the Ext Resources folder which contains css and images.
If you check the Full option, it will generate "ext-all-name.css", otherwise, it will generate "xtheme-name.css".
In the effect page, adjust the scale to set the color.
Click the Export… button and specify a folder to save the new resources.
分享到:
评论

相关推荐

    Ext js 皮肤

    Ext JS 提供了一个叫做Sencha Theme Builder的工具,帮助开发者轻松创建和管理皮肤。这个工具提供了一种可视化的方式,让开发者可以预览皮肤效果,并自动生成所需的CSS和图像资源。 总结,Ext JS的皮肤机制为开发者...

    ext 皮肤包

    3. **自定义皮肤**:EXTJS提供了强大的主题工具(Theme Builder),允许开发者基于现有皮肤进行定制,创建新的皮肤。通过这个工具,可以修改颜色、字体、边距等属性,生成自定义的CSS和图片资源。 4. **响应式设计*...

    EXT界面生成器EXT界面生成器

    在EXT界面生成器的官方网站http://tof2k.com/ext/formbuilder/,开发者可以找到关于该工具的更多信息,包括如何下载、安装以及如何开始使用。网站可能提供详细的文档、教程和示例,帮助用户快速上手。 汉化者网站...

    Extreme Ext JS Theme Builder-开源

    具有Extreme增强功能的Ext JS Builder。 需要ImageMagick的静态库来编译此代码。 此源代码中包含的项目是为Microsoft Visual Studio C ++解决方案设计的。

    Ext主题 共13个

    5. **Theme Builder工具**:ExtJS提供了一个名为Theme Builder的工具,用于帮助开发者创建和管理自定义主题。这个工具允许用户可视化地调整各种组件的样式,然后自动生成相应的SASS代码。 6. **主题的实现**:在...

    EXT 中文手册 用实例来说话

    手册可能包括如何编写自定义组件的步骤,以及如何使用SASS和Theme Builder工具来创建和应用自定义样式。 最后,"EXT 中文手册 用实例来说话"很可能会包含一些实战项目或案例,帮助读者将理论知识应用到实际开发中,...

    extjs改变字体大小和换肤

    2. **使用 Sencha Theming Tools**:Sencha 提供了一套工具,如 "Themebuilder" 和 "Theme Slicer",用于创建和编辑主题。这些工具可以帮助你修改颜色、字体、图标等,生成对应的 CSS 和图片资源。 3. **自定义 ...

    gxt官方api

    8. **themebuilder** - 主题构建器,允许开发者创建和定制GXT应用的外观和感觉,满足特定的设计需求。 通过这些资源,开发者可以全面了解和掌握GXT 3.1,包括其组件、布局、数据管理、事件处理、主题定制等多个方面...

Global site tag (gtag.js) - Google Analytics