淘宝怎么添加自己设计的css代码生成器

html-css016

淘宝怎么添加自己设计的css代码生成器,第1张

在页面装修中添加自定义模块，选择这个模块上边的编辑两个字，然后在源代码上打勾，就可以添加html+css代码了。上面的的做法适用的一般在店招之类的地方，其它部分的是不可以添加CSS样式的，还有就是一般的店铺也不能用CSS样式的，至少是旺铺以上的版本的才可以自定义部分的CSS样式，要想有比较好像的装修效果，只能是购买模板来实现了或者是定制模板的方式。

单独的css是无法完成导航条的，需要结合html，一般导航条的制作都是通过一个div包裹着ul，使用li来排列完成导航条的html部分，css中，我们需要给这个div宽高，还需要设置好li的宽，高，还有一个float属性，这样基本上导航条就制作完成，请看代码：

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

}

#div1 ul li{

list-style:none

width:50px //具体的高宽需要根据实际要求

height:30px

}

</head>

<body>

<div id='div1'>

<ul>

<li><a href=''>目录1</a></li>

<li><a href=''>目录2</a></li>

<li><a href=''>目录3</a></li>

<li><a href=''>目录4</a></li>

</ul>

</div>

</body>

</html>

.skin-box-bd,.skin-box-bd .popup-container,.skin-box-bd .menu-list{border:none background:#000000 height:30px line-height:30px}

.skin-box-bd .popup-container .popup-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .menu-list{height:30px line-height:30px}

.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .menu .link,.skin-box-bd .menu-list .menu .link .title{background:#000000 border:none color:#FFFFFF font-family:arial height:30px line-height:30px}

.skin-box-bd .menu-list .menu-hover,.skin-box-bd .menu-list .menu-hover .link,.skin-box-bd .menu-list .menu-hover .link .title{background:#FFFFFF color:#000000}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .all-cats-trigger,.skin-box-bd .all-cats-trigger .link,.skin-box-bd .all-cats-trigger .link .title{width:px height:30px line-height:30px background:# color:# border:none font-family:arial}

.skin-box-bd .all-cats-hover,.skin-box-bd .all-cats-hover .link,.skin-box-bd .all-cats-hover .link .title{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content{width:px border:none background:#}

.skin-box-bd .popup-content .cat-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .fst-cat,.skin-box-bd .popup-content .cats-tree .fst-cat .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat,.skin-box-bd .popup-content .menu-popup-cats .sub-cat .cat-name{border:none height:px line-height:px color:# width:px overflow:hidden font-family:arial}

.skin-box-bd .popup-content .cats-tree cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover .cat-name{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-name{background:# width:px height:auto color:# font-family:arial}

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{background:# color:#}

.skin-box-bd .menu-list .menu-selected .link,.skin-box-bd .menu-list .menu-selected .link .title{background:#000000 cursor:pointer color:#FFFFFF border:none}

参考这个工具http://www.42zy.com/zx/9.html