jquery easyui 推荐博客

构建ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统(52)-美化EasyUI皮肤和图标

系列目录

我很久以前就想更新系统的皮肤功能,Easyui 自带的皮肤已经无法满足客户的审美。

皮肤颜色来源于AdminLTE系统。我的颜色全部都这里取的。,所以一共取了11个颜色。1个皮肤=2个banner颜色和1个侧边栏颜色

利用chome的元素查看器可以获取AdminLTE颜色,或者用VS2013自带的吸色器(我是用后者)

我是怎么做的???

我用了原EasyUI 的Gray作为基础皮肤。里面只有这套皮肤我觉得最适合作为基础皮肤

图中为文件结构,skin开头为自己的皮肤。

皮肤里面一定要覆盖基础皮肤的样式。

基础皮肤的样式主要来源于panel-body title  window  tree。一个一个写,我大约覆盖了70个class就可以完成。几kb的东东,100行代码

就可以。下面这个重要,图标哪里来。图标库我引用的是 Font Awesome;这个不是指图片库,而是一个字体库

图标585不够用可以自己定义图标(http://font.baidu.com/editor/) 先导入,然后编辑后导出。或者删除一些无用的来减少带宽

但是我觉得585够用了,目前最新版好像是4.5又多了很多图标。

编辑图标后最后导处woff

不知道Font Awesome 点我进入了解

9个牛B的特性,满足日常需求。只要引入一个CSS文件就可以font-awesome.min.css

--------------------------

上面都是废话:

1.怎么改变我的图标。

只要加更改为fa fa-adjust就会直接显示上面第一个图标

以前的工具栏:是icon-search,现在是 fa fa-search。基本无缝接入

2.Easyui 的Tree如果改变

easyui的Tree默认是有图标的,为了符合皮肤,tree的默认样式我的这样改变的

这是图标组,直接替换原代码里面的tree-folder tree-folder-open分别对应 fa fa-folder和 fa fa-folder-open

替换大约十几处按ctrl+h替换

效果如下

其实改变一个EASYUI 的皮肤并非难事,我只是做了一套red的皮肤,其他全部复制,成批替换2个颜色。

可以下载17讲源码试下感受下视角的改变,或者直接更改你的项目

17讲源码下载   访问密码 15d3

时间: 2024-07-30 20:26:54

jquery easyui 推荐博客的相关文章

Python爬虫入门教程:博客园首页推荐博客排行的秘密

1. 前言 虽然博客园注册已经有五年多了,但是最近才正式开始在这里写博客.(进了博客园才知道这里面个个都是人才,说话又好听,超喜欢这里...)但是由于写的内容都是软件测试相关,热度一直不是很高.看到首页的推荐博客排行时,心里痒痒的,想想看看这些大佬究竟是写了什么文章这么受欢迎,可以被推荐.所以用Python抓取了这100位推荐博客,简单分析了每个博客的文章分类,阅读排行榜,评论排行榜及推荐排行榜,最后统计汇总并生成词云.正好这也算是一篇非常好的Python爬虫入门教程了. 2. 环境准备 2.1

推荐博客园中好的博客主

接触博客园不久,接触前端开发也不久,推荐自己在接触博客园的过程中遇到的几个比较好的博客: 聂微东:http://www.cnblogs.com/Darren_code/archive/2011/09/28/Fiddler.html 小坦克:http://www.cnblogs.com/TankXiao/ 龙恩0707:http://www.cnblogs.com/tugenhua0707/p/4637771.html 推荐理由:坚持更新博客,内容详细,易于理解,尤其是一些开发或者管理工具的介绍,

使用jquery为个人博客园首页公告栏添加用户登录与注销

未登录前,注销的字体颜色为黑色,登录后,登录的字体为蓝色. 1.在公告栏添加布局显示代码 <!--显示登录 Begin--> <!-- 隐藏调用html代码--> <div class="hide"> <!--------------------------用户登陆前后显示-------------------------------> <div class="login_message " style=&quo

Blog -&gt; List 推荐博客链接

Blog -> List 晚上睡觉前没什么事,现在又不怎么想睡,就整理一下关注的bloger们(在CSDN上关注了100+人...),把他们分一下类. 一是方便自己向高手学习,时刻提醒自己. 再者,推广高手们的blog. ----------------------------------------------------------------嵌入式------------------------------------------------------------------------

51CTO推荐博客列表

DHCP+TFTP+HTTP+KS无人值守安装

前端优秀博客网站收集

perfectionkills prototype的开发者之一 Ajaxian http://peter.michaux.ca/ John Resig 这个不得不看,jQuery的作者 Paul Irish jQuery团队成员 Paul Irish Addy Osmani TodoMVC.jQuery UI Bootstrap作者 jQuery成员 Remy Sharp Full Frontal技术大会的创始人及策划者 David Walsh JavaScript框架MooTools的核心开发

ORACLE 博客文章目录(2015

从接触ORACLE到深入学习,已有好几年了,虽然写的博客不多,质量也参差不齐,但是,它却是成长的历程的点点滴滴的一个见证,见证了我在这条路上的寻寻觅觅,朝圣的心路历程,现在将ORACLE方面的博客整理.归纳分类,方便自己和大家查看.翻阅.  ORACLE数据类型 ORACLE基本数据类型总结 ORACLE VARCHAR2最大长度问题 ORACLE数据库汉字占几个字节问题 ORACLE NUMBER类型Scale为0引发的问题 PL/SQL语法学习 PLSQL 调试触发器 PL/SQL重新编译包

各大技术团队博客

BAT 技术团队博客 1. 美团技术团队博客:  地址: http://tech.meituan.com/ 2. 腾讯社交用户体验设计(ISUX) 地址:http://isux.tencent.com/ 3. 京东设计中心 地址:http://jdc.jd.com 4. QQ游戏设计中心 地址:http://gdc.qq.com 5. 百度搜索用户体验中心 地址:http://ued.baidu.com/ 6. 一淘UX 地址:http://ux.etao.com 7. 腾讯CDC 地址:htt

博客园中前辈技术总结会不会过期

问个问题,前辈们2009年以前写的.net开发经验,会不会已经过期?主要是javascript的还有asp.net的Webform的. 还有线程,asp.net登录验证,控件方式开发等. 博客园首页左侧有很多推荐博客,还有博问专家.博客混得多了,常跑到前辈的地盘,看着年龄都六年,七年,甚至十几年了. 博客园中我见很多前辈写.net技术,我主要关注的是asp.net这个方向,c#语言.很多大概都是高产三年以后就不怎么写了. 这些技术总结距今远的已经有7年8年,近的有六年,五年.我知道这些是博客园的