Adminity后台管理html模板的界面非常美观,以灰色为主色调,而且是响应式的布局,下面分别给出了各种屏幕尺寸下的效果截图:
电脑端,导航在最上面
手机端,导航还是在最上面
平板端,导航在最左侧
除此之外,这套模板还可以更换主题,和以往的更换主题点几个按钮,简单换换不同,这个更加强大,它支持取色器更换,并且支持两种颜色共同使用,在本套网页模板的左上角的logo旁边,有个小眼睛,点击这个“眼睛”,会下拉两个复选框,点击复选框,会弹出取色器,这个取色器功能很强大,和ps的拾色器差不多,选区颜色,就会看到主题的颜色也在发生变化,如下:
取色器
本套网页模板的页面也很多,很全面,包括首页,即图片展示页面,这里的图片,点击后都会弹出框,显示对应的大图。Dashbard页面,更趋向于首页,总体展示了本套模板的各种功能。analytics页面则是各种图表的使用,如柱状图表、饼状图表等等。Grid页面是各种响应式栅格系统的功能运用。ErrorPages页面有403、404、503三种错误页面,字体运用了css3的最新投影等技术,非常漂亮。Calendar页面是日历的展示。Icons是各种图标,包括16*16和24*24两种彩色的上百个图标以及32*32的灰色图标,见下图:
图标
图标的使用方法很简单,只要引入 icons.css 文件和它里面定义的图片,注意下图片地址,然后打开图标这个页面,看看您要使用的图标对应什么class就可以了,例如16*16的小图标,使用下面代码即可:
<i class="silk application"></i>
还有登陆页面等等就不一一介绍了。总之非常的不错!
注:本套模板很多效果(如:日历插件等)依赖 jquery-1.7.1.min.js,如果引用其他版本的jQuery可能会出错。例如,我爱模板网将 jquery-1.7.1.min.js 换成了 jquery-1.8.3.min.js,导致了日历出现很多问题,所以请谨慎引用,测试了没问题再引入。