怀孕第9周胎儿图片:PS,淘宝自定义区超简单的模板代码制作

来源:百度文库 编辑:偶看新闻 时间:2024/04/29 12:19:23

淘宝大学里前辈们的经验真的让我受益匪浅,现在我也要跟大家分享一下个人小小的思考成果,请多多指教喔~

做为新卖家,经常会遇到10个装修模版不够用的情况,

只要掌握了这个方法,就可以做出简单精美的模版唷~

首先当然要打开PS喔,把做好的图片(jpg格式)拖到PS里

选择切片工具,用切片工具将要用的图片切成几个部分,切好的图片就是要放链接的部分,记住要全部都要切完,要不然就会出现不必要的漏洞

这张图片,我总共分成了7个部分,有7个部分可以做链接~

接下来这一步,只要将图片存储为Web所用格式,就可以了~

打开存储后,在这里,您也可以对图片做出调整

存储的时候注意喔,可以按照片中您需要的部分来进行切片保存,在切片选项栏会有三项选择,按照这个例子来选,我选的是所有切片这一项。

来到这一步,不要慌喔,这是正常现象,选确定就可以了~

现在看到的,就是切片后保存成功的HTML 文档跟文件夹,打开这个HTML文档,里面就是一个网页,不过还没有链接呢,呵呵~

【images】这个文件夹里的图片就是切片出来的图片喔,然后把这些图片上传到淘宝图片空间或者相册

然后选中HTML 文档点击右键~在打开方式那里选择记事本,

打开记事本后,您就会发现,里面都是网页的代码,哇神奇吧,

我打开了这个记事本呢,大家可以看看喔~选中的部分就是需要的,没选中的,是不需要的~为了让大家明白,以下我也有截图呢~

 

这个是开头的部份,到箭头那行开始往下是需要的:

这个是结尾的部分,也是在箭头这一行,但不包括这行唷~

然后复制两个箭头中间的代码就可以了~

-------------------------------------------------------------------------

好了,现在到了店铺装修的部分,要留意喔:

 

以上的这个图片,就是添加自定义内容区~这个相信掌柜们都会吧,呵呵,我啰嗦了,然后把代码复制到代码区,大家一定要选以下这个举例图片中蓝色的部分喔,哈哈,我又啰嗦了~

-----------------------------------------------------------------

 到了这一步,大家会发现原来的图片都是破图,不用紧张,我们可以把这些破图删除掉,然后插入【images】文件里的图片

插入图片方法1:

插入图片方法2:

-------------------------------------------------------------------

注意了喔,大家先来看一下已成功插入的一张图片,接近尾声了,不知道各位是否明白呢?

其它的图片如此类推,都是按照这样的方法插入,好了,现在看一下完整的效果吧,希望不会让各位失望喔~

这里的每张图片都可以做链接喔~