• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

jQuery UI ThemeRoller

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

jQuery UI ThemeRoller

ThemeRoller 简介

ThemeRoller是一个Web应用程序,jQuery UI能够从中设计和下载自定义主题。您可以访问jQuery UI ThemeRoller进行主题定制。

jQuery UI ThemeRoller是由波士顿的Filament Group, Inc设计和开发的。

ThemeRoller 界面

在ThemeRoller的界面上存在不同的面板,各面板分别是全局字体和圆角半径设置、小部件容器样式、可点击元素的互动状态,及覆盖和阴影的各种样式。这些面板允许配置各种CSS属性,比如字体尺寸、颜色、粗细、背景颜色和纹理、边框颜色、文本颜色、图标颜色、圆角半径,等等。

主题馆(Gallery):预先设计主题

ThemeRoller主题可以通过永久链接URL进行查看,它包含一些预先设计的主题可供选择。主题馆(Gallery)可以通过位于应用程序界面顶端的标签栏进行访问。从主题馆(Gallery)中,您可以预览和下载主题,甚至可以选择一个主题,然后切换到"Roll Your Own"标签页进行调整。

下载主题

当您设计完主题后,您可以下载主题以便在项目中进行使用。ThemeRoller在顶部有一个"Download theme(下载主题)"按钮,可以生成一个zip压缩包,包含了所有的主题相关文件。下载文件中的图像是按照您的规格进行生成的,并保存为高质量的PNG文件。

您的主题将包含图像和CSS,组成了jQuery UI CSS框架的自定义版本,包含了所有插件的图像和CSS。

在项目中按照下载的主题

一旦下载了主题,解压缩后,您将看到一个名为themes的文件夹。该文件夹包括了主题所需的CSS和图像。复制主题文件夹到您的项目中,并在页面中链接 themes/all.css文件。

创建自定义的"ThemeRoller-Ready"组件

ThemeRoller生成了一个jQuery UI CSS框架的自定义版本,用于开发您自己的ThemeRoller-ready jQuery组件。通过这个框架生成的类被设计来提供通用的用户界面的设计情况,包括状态、图标以及各种辅助类。

如需了解更多jQuery UI CSS框架的开发信息,请查看主题化 API 文档

ThemeRoller 链接



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
jQuery UI CSS 框架 API发布时间:2022-01-28
下一篇:
jQuery UI 主题发布时间:2022-01-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap