从国外网站上抠出来的 三款 ExtJS主题(红色,橙色,红间灰)

最新推荐文章于 2018-07-10 11:21:25 发布
最新推荐文章于 2018-07-10 11:21:25 发布
阅读量230 收藏
点赞数
分类专栏： EXTJS 文章标签： EXT CSS Flex IDEA 工作

最近在国外ExtJS网站上看到有三款ExtJS主题,挖下来收藏

附件中包括CSS样式表和图片文件, 使用时要注意路径的问题!

 

动态切换主题的语法:

Ext.util.CSS.swapStyleSheet("theme", "resources/css/ext/xtheme-orange.css");
 

 

橙色

(橙色)

 

红色

(红色)

(红间灰)

zhoujuan520
关注
专栏目录
extjs精美主题
09-01
extjs2.0到5.0的大部分的主体都有 还有一些例子作为参考 也有代码参考
ExtJS之实现华丽的皮肤主题更换
u013444177的专栏
03-22 2053
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 　　1.直接添加其他css文件换肤.好多皮肤上网就可以收到的 　　如皮肤文件:xtheme-olive.zip下载 　　把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面:      2.　解压皮肤文件,把里面的相应的 image文件夹
Extjs主题(12种)
10-25
Extjs主题(共12种) 使用把Css添加到Ext/resources/css文件夹下，把图片添加到Ext/resources/images文件夹下；在页面直接引用css就可以了 如果是动态的话弄个下拉框 然后 Ext.util.CSS.swapStyleSheet("theme", "Ext/resources/css/" + css); 就ok
extJs5.0红色皮肤
07-11
extJs5.0红色皮肤
超酷ExtJS主题皮肤(红、橙、红灰)
05-09
在本资源中，我们拥有了三套不同颜色主题的ExtJS皮肤，分别是红色、橙色以及红灰相间的样式，这些皮肤为用户界面增添了更多的个性化元素。 1. **皮肤与ExtJS的关系**：在ExtJS中，皮肤（Skin）是改变应用程序外观的...
ExtJS 主题皮肤(红、橙、红灰) 但愿大家能用的上
05-09
在本压缩包中，有红色、橙色和红灰色三种主题，这些主题可能包括按钮、表格、面板、菜单、窗口等组件的皮肤。 2. **自定义皮肤**： - ExtJS允许开发者根据需求自定义皮肤，通过修改或创建CSS样式表，配合SASS...
extjs4.2主题包
09-27
精选extjs4 2的11个主题 分享给各位 应该能满足普通应用 虽然4 2 x版的 理论上都兼容吧 但测试时最好还是采用本包中提供的类库ext all css 变换主题方法很简单 用下面的代码即可： Ext util CSS swapStyleSheet &...
ExtJS皮肤风格主题包
最新发布
11-08
ExtJS是一款广泛应用于Web应用程序开发的JavaScript框架，其强大的组件模型和丰富的用户界面（UI）控件深受开发者喜爱。在ExtJS中，皮肤是决定应用外观的重要元素，它定义了控件的颜色、字体、布局和其他视觉特性。...
ExtJs使用Themer创建主题
beibei_y的博客
07-10 1695
一、Prerequisites 先决条件 在开始之前，请确保已下载并安装以下资源 1. ExtJs Themer需要Ext JS 6.0.1+用于Classic Toolkit，Ext JS 6.2用于Modern Toolkit。 您可以从支持门户网站下载Ext JS，也可以在专业包下载中找到它。 如果您无法访问Ext JS，可以下载30天的免费试用版。 注意：UI主题仅支持...
ExtJs皮肤包(11种主题色)
11-19
之前有看到网友分享的ExtJs皮肤包，很好看，但是都不全，我收藏的主题包一共有11种主题色，很全了，红色，橙色，绿色，青色，银色……，很漂亮……，现在分享出来。
ExtJs 主题大全 （2.x +3.x） + 调用实例JS文件 新增最新EXT3.3.1全样式
01-31
ExtJs （2.x +3.x） 主题大全 调用实例JS文件 新增最新EXT3.3.1全样式
Ext3的30款颜色主题
01-15
Ext3的默认蓝色主题用了这么多年是不是早看腻了？这里有30款不同的新主题，看看你喜欢哪个？ ：） 旧品打折啦！
ext3.3.1-theme 主题
03-09
ext 主题风格ext 主题风格ext 主题风格ext 主题风格ext 主题风格ext 主题风格
Ext3.1 21款精美主题和动态换皮肤
04-26
Ext动态换皮肤 1、在页面中增加一个放样式文件的地方： <link rel="stylesheet" type="text/css" href="ext/2.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext/2.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/2.0/ext-all.js"></script> <!-- 下面这行 --> <link id="theme" rel="stylesheet" type="text/css" href="ext/2.0/resources/css/xtheme-default.css" />2、定义一个combox，将可选样式作为数据源填入下拉列表： 定义样式数据 Ext.simpledata.themes = [ ['Default', 'ext-2.2/resources/css/xtheme-default.css'], ['Calista', 'ext-2.2/resources/css/xtheme-calista.css'], ['Gray', 'ext-2.2/resources/css/xtheme-gray.css'] ]; 定义下拉数据源和combox： var themestore = new Ext.data.SimpleStore({ fields: ['Name', 'File'], data: Ext.simpledata.themes }); this.cboTheme = new Ext.form.ComboBox({ id: 'ux-startcombo-theme', store: themestore, valueField: 'File', displayField: 'Name', mode: 'local', typeAhead: true, editable: false, triggerAction: 'all', value: 'ext-2.2/resources/css/xtheme-default.css',//先用默认的 selectOnFocus: true, width: 100 }); this.cboTheme.on('select', function(combo) { var value = combo.getValue(); Ext.util.CSS.swapStyleSheet(‘theme’, value); }, this); 3、完成。
EXTJS学习笔记：更换皮肤
weixin_30662539的博客
09-29 109
EXTJS中更换皮肤很简单，以下是效果图，后面附上源代码效果图：Ext/resources/css/ext-all.cssExt/adapter/ext/ext-base.jsExt/ext-all.js三个文件从这里下载 Code<htmlxmlns="http://www.w3.org/1999/xhtml"><headid="Head1"runat="serve...
演练Ext JS 4.2自定义主题
webdev
01-04 159
本文将根据API文档中关于主题的介绍做的一次演练，以便熟悉自定义主题的过程。 练习环境： Sencha Cmd v4.0.1.45 Ruby 1.9.3-p392 firefox 26 首先，使用以下Sencha Cmd命令创建一个名为TestMyTheme的应用程序： sencha -sdk c:\ext4 generate app TestMyThemec:\TestMyTheme 命令...
extjs 必须项目前面红色星号
mous3的专栏
12-22 741
/**  * 必须项目添加星号  */ Ext.override(Ext.layout.FormLayout, {  getTemplateArgs : function(field) {   var noLabelSep = !field.fieldLabel || field.hideLabel;   var label = field.fieldLabel;   var lab
ExtJS实战指南：从基础到高级
"轻松搞定ExtJS 是李赞红老师创作的一本书，主要面向北大青鸟的学习者，旨在帮助读者深入理解并轻松掌握ExtJS框架。这本书详细介绍了ExtJS的基础知识和核心概念，包括JavaScript的类定义、ExtJS的命名空间、面向对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值