>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26449 个阅读者 刷新本主题
 * 贴子主题:  jQuery UI ThemeRoller 的用法 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-16 22:15:32     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery UI  ThemeRoller

ThemeRoller 简介

     ThemeRoller 是一个 Web 应用程序,为 jQuery UI 设计和下载自定义主题提供了直观的界面。您可以访问 jQuery UI ThemeRoller 进行主题定制。
    
     jQuery UI ThemeRoller 是由波士顿的 Filament Group, Inc 设计和开发的。

         点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小            

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" 组件

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

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

ThemeRoller 链接

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-17 10:55:41 重新编辑]
  Java面向对象编程-->Java常用类(下)
  JavaWeb开发-->Web运作原理(Ⅰ)
  JSP与Hibernate开发-->数据库事务的概念和声明
  Java网络编程-->通过JDBC API访问数据库
  精通Spring-->通过Vuex进行状态管理
  Vue3开发-->Vue CLI脚手架工具
  勇闯28个关卡学会HTML与HTML5基础
  JavaScript的async函数
  加快 Vue 项目的开发速度
  前端面试题及答案汇总
  一看就懂得移动端rem布局、rem如何换算
  H5定位终极解决方案
  JavaScript中的HTML DOM Label 对象
  CSS3字体
  HTML 基础知识
  JavaScript 函数定义
  JavaScript 的代码规范
  JavaScript prototype(原型对象)
  JavaScript 变量提升
  JavaScript 输出数据
  非常实用的CSS样式
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。