怎样制作淘宝店铺格子促销模板

2025-05-07 21:58:32

1、先看一下淘宝店铺格子促销模板的效果图:

怎样制作淘宝店铺格子促销模板

3、淘宝店铺格子促销模板第一步:找背景 (在百度图片里找 一张自己喜欢的和店里风格相符合的背景,在此选择通用也是百搭的格子背景)

怎样制作淘宝店铺格子促销模板

5、淘宝店铺格子促销模板第二步:PS制作页面背景图 (新建时注意,宽度为 750-淘宝默认大小,长度500-700, 在ps里打开背景图,用选取工具画出长方形)

6、(填充颜色为白色,獯骓窑嗔透明度50-70,)(输入标题文字,这里写的是热卖的英文,因为艾拉觉 得英文比较唯美)背景图片完成了哦,注意保存,然后上传到淘宝图片 空间里,下面会用到这张背景的网址)。

怎样制作淘宝店铺格子促销模板

8、淘宝店铺格子促销模板第三步:在FP里制作表格1 、打开FP,默认代码就是下面的哦。

怎样制作淘宝店铺格子促销模板

10、在 <body>------</body>之间插入表格(因为设计的格子是6个宝贝 ,所以是8行,列数为7列,每多三个宝贝就要多 增加三行哦)

怎样制作淘宝店铺格子促销模板

12、看下面的数据,宽度是750,高度为500,亲可以自己输入代码中 上面所说的背景图现在用到了哦,background是背景的意思 就是在=号后面输入刚才保存在淘宝图片空间里的 那种图的地址哦。

怎样制作淘宝店铺格子促销模板

14、插入宝鹂掳粼疤贝图片(插入图片的代码是<img src=图片地址 > 插入图片的代码必须写在单元格<td>--------</td媪青怍牙>之间 比如<td><img src=图片地址 ></td>

15、下面是具体的代码格子的大小,可以设置,也可以在设计里设置。

怎样制作淘宝店铺格子促销模板

16、</p>5、大功告成啦,这个淘宝店铺格子促销模板是不是很漂亮,然后复制代码,在店铺装修里插入代码。

怎样制作淘宝店铺格子促销模板
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢