如何设置店铺首页促销闪动大图--动画图片多链接(3)

时间:2011-03-14 20:59 来源:淘宝论坛 作者:Zoro 浏览: 8861

之后我们回到图片上,在一个小板块边角处点一下鼠标左键,按住左键不要松开慢慢的拉开把整个小板块的图片拉满为止,简单的说就像QQ截图一样了。拉完后松开,这时候弹出一个窗口,不用理它直接点确定按钮,这时候我们发现在我们选中的区域被蒙上了,鼠标双击下面链接里的#字,把它删掉,

然后到我们的淘宝店铺里找到图片的宝贝相应的链接,复制该链接粘贴到这个链接框内,这样当我们鼠标点击该区域的时候就会进入到这个宝贝连接内啦。

下面我们按刚刚的方法依次把剩下的板块都做好相应的链接就可以啦了。做好之后把它的保存在起来,点击左上角的文件下拉到另存为,弹出窗口直接点保存按钮就行了。然后按F12预览一下,把各各板块点击一下看能不能转到连接,如果都转到连接证明我们成功了,如果有误的话从头再来看哪个环节出错啦。

预览没什么问题后接下来我们进入比较复杂而且关键的一步了 那就是代码了,点一下左下角的<body>处,点了之后图片上面的代码会被选中,把鼠标移到选中的区域点右键下拉菜单点拷贝选项复制该代码。

然后把代码粘贴到一个记事本上保存着。

接下来我们把刚才用美图秀秀做好的图片上传到图片空间,最好是用淘宝送的图片空间,稳定方便.上传图片以后,在图片空间复制图片的链接地址把它粘贴在刚才的代码记事本里面更换一下地址,

详细看以下图片说明,然后点保存,整个代码就做好啦!

接下来开始去装修我们的店铺了,进入我的淘宝再进入我的店铺首页,然后点击右上边角的装修此页面。

之后找好我们要在这个模板放在店铺的页头还是页中页尾,定好之后点击在此处添加新模块,

然后选择添加自定义区内容,这个模块是随便自己设计的,空间非常大,也正是我们这期要讲的,其他的暂时先不介绍,免得大家混乱 。

添加之后页面会出现一个自定义区内容的装修模板,我们点击编辑进入,一片空白,就是要这个效果,大家有过自行装修店铺的都应该来过这个页面。这时候我们鼠标移动到右边上角的最后一个图标,就是编辑HTML源码,点击一下该按钮,

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

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

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

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