ASP.NET MVC5+EF6+EasyUI 后台管理系统(52)-美化EasyUI皮肤和图标

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

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

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

我是怎么做的???

我用了原EasyUI 的Gray作为基础皮肤,除了蓝色,其他皮肤也非常适合拿来做底板,但是觉得Gray有点质感,metor也不错。

利用CSS的优先原则,修改要确保不修改.easyui.css与jquery.easyui.min.js的文件,这样以后才能对Easyui直接进行覆盖升级

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

就可以。下面这个重要,图标哪里来。图标库我引用的是 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。基本无缝接入

Tree后果如下,

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ytkah

微信小程序开发教程第五章:微信小程序名片夹详情页开发

今天加了新干货!除了开发日志本身,还回答了一些朋友的问题。 闲话不多说,先看下「名片盒」详情页的效果图: ? ? 备注下大致需求:顶部背后是轮播图,二维码...

3908
来自专栏前端大白专栏

react 在使用数据请求的时候和setState的时候哪个先处理

1975
来自专栏向治洪

IOS入门之StoryBoard

概述 在iOS的发展历程中,IOS开发经历了三种主要流派:使用代码手写UI及布局;使用单个xib文件组织viewController或者view;使用Story...

2277
来自专栏Jerry的SAP技术分享

推荐一个免费的生成词云(word cloud)的在线工具

“词云”这个概念由美国西北大学新闻学副教授、新媒体专业主任里奇·戈登(Rich Gordon)提出。

15.5K4
来自专栏我和未来有约会

令人激动的silverlight 3行为(behavior)效果

令人激动的silverlight 3行为(behaviors)效果 Mix09大会带来了很多的惊喜。 看完了http://videos.visitmix.com...

2975
来自专栏编程

5个最好的开源Javascript图表库

在这篇文章中,我向大家介绍前5名最好的开源JavaScript图表库。每个站点的仪表板都是不完整的,因为他们缺少图表,所以为我们的站点找到正确的图表库是非常重要...

4298
来自专栏Youngxj

一张好看的404页面源码

4846
来自专栏Material Design组件

Human Interface Guidelines — Widgets

1183
来自专栏思衍 Jax 专栏

企鹅辅导课程详情页毫秒开的秘密 - PWA 直出

随着近几年的前端技术的高速发展,越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例,从性能角度,其最重要的指标...

97311
来自专栏BestSDK

原型设计神器——格式刷

就格式刷的易用性来说,不可否认的是,MS Office中word的格式刷给用户的使用习惯造成了深远而难以磨灭的影响。我们希望在使用格式刷时能看见真实的“刷子”,...

3796

扫码关注云+社区

领取腾讯云代金券