如何修改系统默认店招的背景及其样式?
2012-08-13 21:24
495 查看
修改淘宝系统模块,其实很方便,最关键的是淘宝留下了CSS权重给我们设计师。 利用好这个权重,可以做很多事情!
下面是系统店招的样式替换方法:
注:
上面使用的是less的写法!
由于淘宝在店招的DOM结构中使用了<style>...</style>标签来定义店招的背景,所以我们写的CSS权重要高于淘宝默认的CSS权重。要想提高权重,一般我们应该在输入选择器的时候尽量的吧层次也给写出来。可以使用chrome或firebug查看系统的店招DOM结构。
总结:举一反三,对于每个系统模块我们都可以这样去设置他们的CSS样式!
---------------2012.8.14--------------------
貌似有一个问题!如果我们把CSS权重提高了,背景是有了,但是这样一来,用户自己定义的店招图片也不显示了,前面一直都没有注意这个问题!看来最好的方法是使用自定义店招!
下面是系统店招的样式替换方法:
.tshop-pbsm-shop-custom-banner { //店招高度 height:120px; .skin-box-bd { //店招背景图片 .banner-box { background:#000; height:120px; } //店铺名称 h2.title { background-color:#ff0; color:#f00; } } }
注:
上面使用的是less的写法!
由于淘宝在店招的DOM结构中使用了<style>...</style>标签来定义店招的背景,所以我们写的CSS权重要高于淘宝默认的CSS权重。要想提高权重,一般我们应该在输入选择器的时候尽量的吧层次也给写出来。可以使用chrome或firebug查看系统的店招DOM结构。
总结:举一反三,对于每个系统模块我们都可以这样去设置他们的CSS样式!
---------------2012.8.14--------------------
貌似有一个问题!如果我们把CSS权重提高了,背景是有了,但是这样一来,用户自己定义的店招图片也不显示了,前面一直都没有注意这个问题!看来最好的方法是使用自定义店招!
相关文章推荐
- 如何修改input[type="file"]的默认样式
- 如何修改Ubuntu双系统的默认开机启动项
- 如何在Android系统上修改系统默认的字体大小
- Linux系统默认启动级别要如何修改
- Windows 8 开发系列-如何修改系统样式
- Win 10 、Win 8 系统默认字体如何修改为宋体
- Android系统移植与调试之如何修改Android系统默认显示【开发者选项】并默认打开【USB调试】和【未知来源】开关
- Oracle如何修改系统默认时间格式
- Android系统移植与调试之------->如何修改Android设备的默认休眠时间
- 如何在安装了双系统的机器上修改默认启动系统(Linux,Windows)
- 修改安卓默认的系统button样式,以及其它系统控件的默认样式
- 如何修改centos6、redhat6.1复制VMware系统网卡默认不为eth0
- 如何在LINUX系统下修改debian wheezy默认配置的方法
- 关注细节:Linux系统下如何修改转子泵默认的语言项
- 如何更改工程内最少的代码修改系统UISwitch的大小和样式
- php eclipse 如何修改php文件创建时默认样式
- 如何在安装了双系统的机器上修改默认启动系统(Linux,Windows)
- DEDECMS 如何修改系统默认style文件夹
- 安装Ubuntu16.04与windows10双系统后,如何修改启动默认设置
- Android系统移植与调试之------->如何修改Android系统默认显示【开发者选项】并默认打开【USB调试】和【未知来源】开关