淘宝店铺装修css不会用,代码不会写怎么办?有什么工具可以用吗?拜托了各位 谢谢

html-css011

淘宝店铺装修css不会用,代码不会写怎么办?有什么工具可以用吗?拜托了各位 谢谢,第1张

开通2012版旺铺的朋友都会发现淘宝越来越向广大卖家朋友开放了,其中最重要的体现是支持自定义CSS了。CSS不是短时间可以学会的,这也让广大卖家朋友头疼,不过不用太过担心,淘宝既然开放了,就会有很多像我一样专门搞技术的人将复杂的操作简单化。今天我来跟大家分享一个淘宝2012版旺铺CSS代码在线生成工具。这个工具可以让复杂的CSS代码编写变成简单的可以视化鼠标点击操作,通过工具,不懂任何CSS代码的朋友也可以自由设计出自己要想的导航。先来看一下修改CSS代码后的效果图(通过工具可以随意修改颜色)下面我们一起来学习怎么工具生成CSS代码:第一步:进入CSS导航在线生成工具页面( http://taobaokaidian.com/tool/dhcss/ 如果不能点击打开,请复制网址到时浏览器中打开),我们先来看一个工具页的结构:工具主要有两部份组成,第一部分是预览区,第二步份是编辑区。第二步:修改颜色。点击编辑区的彩色小方框,可以修改对应区域的颜色。修改的过程中可随时点击“预览”按钮查看修改结果。第三步:获取CSS代码。点击“获取CSS代码”按钮,工具会根据您的设计生成相应的CSS代码。第四步:按装CSS代码。进入店铺装修页面,鼠标移到导航上面,在弹出的文字中点击”编辑“,在弹出的对话框中点”显示设置“。然后把CSS代码粘贴上去即可。到此,我们的个性导航制作完成! 查看原帖>>

首先要建立一个DIV,为其命名为“nav”,在DIV中建立一个<ul>无序列表,导航共有几个栏目,就为列表添加几个<li>的列表项,为每个列表项中的内容加上超链接,链接到所需的项目页面。

然后设置CSS样式,为列表规定宽度和高度,去掉列表前面的符号,代码为:

ul {width:宽度值;height:高度值; list-style:none;}

如果是横向导航,还需为里面的列表项<li>标签设置左浮动的样式,代码为:li {float:left}

每个栏目之间分隔的距离可通过margin(外边距)属性来设置。

楼主您好,我调试过,你也试试。你懂CSS,我还是按照步骤一步一步来。以便不懂CSS也可以学习下。

第一步,进入店铺装修点编辑:

第二步,点显示设置:

第三步,将显示代码放进去,这个是我们团队的代码:

第四,依您的背景颜色和文本变粗,代码如下:

.all-cats .link{background:none repeat scroll 0 0 #FF0000}.skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}

特别说明一下:.all-cats .link{background:none repeat scroll 0 0 #FF0000}.这段代码是控制“所有分类”的背景,我设置的是红色,颜色代码为#FF0000;

skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}这段代码是控制字体顺序依次是“所有分类”文字的大小,是否加粗,文字的颜色。

您试试。

第五,拓展一下所有分类类目下的子类目如何实现控制。

您可以在这里再进一步深入研究一下。

最后,给个建议,就是利用谷歌浏览器,鼠标点右键,有一项是“审查元素”,可以查看代码,慢慢调试。