修改了kesion x1后台左侧一点样式-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2697 查看	8 回复

主题：[分享]修改了kesion x1后台左侧一点样式 [收藏主题]

转到：

zyadan 当前离线

366 主题	4 广播	3 粉丝

级别:三年级

用户积分:3521 分
登录次数:428 次
注册时间:2010/10/10
最后登录:2019/4/2

zyadan 发表于：2014/9/1 15:58:53 | 只看该作者查看该作者主题楼主

做线上考试培训就选#科汛网校

感觉这X1.0 版本后台比之前简单了不少，配色还可以，不过内容管理左侧有点难看，我找了半天都找不到控制的样式，还后还是重写了，我是新手，分享给大家，高手请别喷了

在用浏览器不难可以看到后台首页的源代码有这么一段

复制代码

<div id="left1" class="leftbox"> <div class="expmenu"> <div class="navigation"> <div class="navtitle"><img src="images/icon08.png" align="texttop" />产品展示</div> <span class="arrow up"></span> </div> <ul class="menu"> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'产品展示 >> <font color=red>产品管理</font>','VIEWFOLDER','System/KS.ItemInfo.asp?ChannelID=114',114);">产品管理</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'产品展示 >> <font color=red>添加产品</font>','AddInfo','Article/KS.Article.asp?Action=Add&ChannelID=114',114);">添加产品</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'产品展示 >> <font color=red>分类管理</font>','Disabled','System/KS.Class.asp?ChannelID=114',114);">分类管理</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'产品展示 >> <font color=red>审核产品</font>','Disabled','System/KS.ItemInfo.asp?ShowType=1&ChannelID=114',114);">审核产品</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'产品展示 >> <font color=red>回收站</font>','ViewFolder','System/KS.ItemInfo.asp?ChannelID=114&ComeFrom=RecycleBin',114);">回收站</a></li> </ul> </div> <div class="expmenu"> <div class="navigation"> <div class="navtitle"><img src="images/icon08.png" align="texttop" />关于我们</div> <span class="arrow up"></span> </div> <ul class="menu" style="display:none"> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'关于我们 >> <font color=red>文章管理</font>','VIEWFOLDER','System/KS.ItemInfo.asp?ChannelID=115',115);">文章管理</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'关于我们 >> <font color=red>添加文章</font>','AddInfo','Article/KS.Article.asp?Action=Add&ChannelID=115',115);">添加文章</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'关于我们 >> <font color=red>栏目管理</font>','Disabled','System/KS.Class.asp?ChannelID=115',115);">栏目管理</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'关于我们 >> <font color=red>审核文章</font>','Disabled','System/KS.ItemInfo.asp?ShowType=1&ChannelID=115',115);">审核文章</a></li> <li><a href='javascript:void(0)' onClick="SelectObjItem1(this,'关于我们 >> <font color=red>回收站</font>','ViewFolder','System/KS.ItemInfo.asp?ChannelID=115&ComeFrom=RecycleBin',115);">回收站</a></li> </ul> </div></div>

官方考虑很周到，一些元素已经为二次开发者命好名了，可能真的是我笨吧，我用火狐浏览器的查看器找不到这几个元素的控制样式，找到的只是一些共用的属性，于是，我就自己动手加上了

在管理目录下（默认admin）找到文件夹images下的frame.css文件，在最下边加上以下样式

.leftbox .menu li{display:block;padding-left:20px; line-height:30px!important;border-bottom:#dedede dotted 1px;height:30px!important;}
.leftbox .menu li a{display:block;padding-left:20px; line-height:30px!important}

改前样子：

改后效果：

是不是觉得比原来的好看多了，嘿嘿，我在研究给整个后台改变样式，到时有进展给大家分享分享。希望高手指点指点。

<a href=http://www.hx-my.com>奶茶加盟</a>，<a href=http://www.gdwzy.com>特色小吃加盟网</a>，<a href=http://www.hx-my.com>食品机械</a>，<a href=http://www.schxsp.com>制冰机</a>,<a href=http://www.xsoo.net>汕头网站建设</a>，<a href=http://www.hx-my.com>冰淇淋机器</a>，<a href=http://chongqing.hx-my.com>烧烤炉</a>,<a href=http://shaokao.hx-my.com>无烟烧烤加盟</a>，<a href=http://www.hx-my.com>珍珠奶茶加盟</a>，<a href=http://shaokao.hx-my.com>无烟烧烤</a>，<a href=http://www.gdwzy.com>小吃加盟</a>，<a href=http://www.hx-my.com>炒冰机</a>，<a href=http://www.gdwzy.com>牛杂加盟</a>，<a href=http://www.leilingzhen.com>雷岭镇</a>，<a href=http://www.shantouxs.com>汕头学生网</a>，<a href=http://www.hx-my.com>爆米花机</a>，www.hx-my.com/www.gzhxsp.com/

一分钟快速开通线上知识店铺