图解教程教你淘宝店铺左侧客服模块代码(2)

时间:2012-08-21 21:08 来源:淘宝论坛 作者:gt诚信电器 浏览: 35290

存储好后得到一个文件夹和html文件

打开DW

文件-打开

选择拆分

接下来我们上传这个文件夹里的所有切片到图片空间里

选择全选-上传

上传好后不要关闭,小化。因为接下来我们要用到这5个图片的网络地址

双击DW中的图片区域的切片1

弹出下面这个界面

在图片空间里找到对应切片的地址,填到URL地址栏并覆盖原有的地址

覆盖后点确定。同样的方法换掉所有切片,这里有5个。上期也讲到怎么样寻找对应的切片,这里就不多说了

5个切片都更换完成后,再单击这里。DW代码区相应的地址会蓝底显示,此时再单击蓝底代码前的<td>

点住td后DW的底部会弹出以下这个界面

此时需注意上面的3个红圈,填入宽和高 还有背景地址,这个背景地址就是这个切片的网络地址

填好后需要再次单击这个切片,并删除这个切片

现在代码区就变成这样显示

换好后,这个区域就成虚线框了。我们就可以在里面输入文字或图片

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...