电脑板商品列表中优惠券提示美化教程

老张

演示：http://www.bulejie.com/

修改非常简单，分为如下步骤

第一步：下载这个图片 ，上传到  Source/static/default/images/list


第二步 ：
复制下面的CSS 替换掉 如图


第①部分

1. .go-quan{position:absolute;top:247px;right:0px;width:auto;height:38px;cursor:pointer;text-decoration:none;z-index:12;}
   
2. .go-quan-red{background:url(../images/list/qulingquan_icox.jpg) no-repeat right;}
   

复制代码

第②部分

1. .go-quan em{text-align:right;background-color:#FBF9A6;margin-right:100px;height:38px;font-size:28px;color:#fd375a;font-family:"微软雅黑","verdana";font-weight:600;overflow:hidden;line-height:38px;display:block;overflow:hidden;}

复制代码

提示：如果你没有进行过样式的修改，可以直接下载演示站的 http://www.bulejie.com/Source/st ... ss?ts=2016050813012 （右键另存为） 然后掉你网站的Source/static/default/css/md-list.css




第三步：找到 系统--缓存设置-修改下缓存标识，然后CSS立即生效