淘宝店公告,店铺介绍装修代码免费代码教程_淘宝开店必备

这篇是我第二篇作图教程,呵呵~~可这篇不算是作图吧,这篇是教大家造店铺模板,请大家多多指教 废话就不多说了

下面是SHOW TIME时间 第一步我们需要两个工具

1.分别是PS 和 DW,PS是作图和切片,DW是造网页

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

这些是我这次制造的素材,大家可以根据自己的需要上网下载不同的图片,造出自己的风格

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

新建一个文件,长设为748(或750都可以)宽度根据自己需要随意设置,我这里设置成

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

400

将自己的图片分别放进新建的画布里,然后利用CTRL+T变型工具进行摆放和变换(这是个好好用的工具)

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

新建一个新图层(那个红色圈圈那个按钮)

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

选择选框工具---在样式那设置成固定大小,根据自己的需要设置,我这里设置成宽450 高

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

250

选择刚才的新建的图层,按鼠标左键拉出一个矩形,然后填充自己喜欢的颜色,然后复制这个图层,生成了图层2副本

利用CTRL+T变形工具,将图层2副本缩小,造成如上图的边框效果,然后选上图层2和图层2副本按CRTL+E合并图层

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

然后用鼠标双击合并出来的图层,这时会弹出图层样式窗口,这时勾选上投影选项,这样做是令框框更立体点

这样基本上完成了图片了,将所有图层选上,按CRTL+E合并所有图层。

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

选择切片工具

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

在白色区域那切片,这里我用AB点表示,用切片工具由A点拉到B点 得出这图

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

淘宝店公告店铺介绍装修代码免费代码教程淘宝开店必备

完成前面的步骤,就可以保存了,文件----存储为WEB所有格式,如上图在保存类型选上HTML和图像

 

第二篇:淘宝店铺装修模板代码使用教程

淘宝旺铺自定义内容区装修模板代码使用教程

淘宝旺铺中,自定义内容区可以显示店铺公告,人气宝贝,店长推荐,新品发布,联系方式等。如下图:

淘宝店铺自定义内容区要编辑源文件,装修涉及的代码,一般都是放在自定义模块里的。一般来讲,自定义模块根据位置分左侧模块、右侧促销自定义模块等。这些代码的使用方法都一样,不同的只是模板的位置不同、大小不同而已。这里我们以旺铺右侧自定义模块代码的插入为例子,给大家讲讲如何插入模板代码。

 在插入代码前,请先添加你需要的自定义模块。在添加好模块后,按以下步骤插入代码:

第一:进入店铺装修页面。

第二:点击右侧自定义内容区的“编辑”按钮。

第三:点击“编辑HTML源码”按钮。

第四:找到你的模板代码并复制。

第五:当按钮变成灰色时即进入代码编辑状态,粘贴代码。

第六:模板效果显示出来。

第七:点击插入图片按钮,插入空间图片。插入图片前要把图片上传到博客,或者提供免费相册的网站,QQ相册空间等。粘贴图片地址后,就可以显示你的宝贝图片了。

第八:

第九:点击发布,查看效果。

可浏览相关网站,下载免费模板使用:

http://www.yubaibai.com.cn/html/wangpucuxiao/wangpucuxiao_2155.html

http://www.yubaibai.com.cn/

http://moban.boboao.com/

相关推荐