养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

淘宝首页全屏效果装修

时间:2024-10-27 19:31:17

很多人问我,淘宝怎么实现全屏装修呢,其实不难哦,方法也有不同呢,希望对新手有帮助哦!

工具/原料

需要用到两款软件ps、DW

辅助网站:寻访百店(全屏轮播海报制作)

方法/步骤

1、在ps里边先做好全屏首页排版设计,切割

淘宝首页全屏效果装修

2、将排版好的店铺首页上次到店铺后天图片空间里边,并且点击复制代码

淘宝首页全屏效果装修

3、打开DW将图片代码粘贴到代码区

淘宝首页全屏效果装修

4、点击选择图片,用方框工具框选需要添加链接的位置,在链接处复制粘贴需要点击跳转的页面链接(注意地图MAP需要不一样呢,后边可加Map_001)

淘宝首页全屏效果装修

5、打开淘宝后台,选择自定义模块点击代码加以下代码复制粘贴<div><divstyle="height:130px"><divclass="footer-more-triggermui-display-none"style="z-index:99;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:130px;visibility:visible;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:50%"><divclass="footer-more-triggermui-display-none"style="z-index:99;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:130px;visibility:visible;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:-75%"><divclass="footer-more-triggermui-display-none"style="border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:130px;visibility:visible;border-top:0px;top:0px;border-right:0px;padding-top:0px;left:-100px"><divstyle="margin:0pxauto;width:950px"><!--以下是自己的代码-->在这里输入要实现的代码或图片。如果只是图片要写成这样的格式:<p><imgsrc="图片地址"/></p><!--以上是自己的代码--></div></div></div></div></div></div>如果发现实现后的全屏效果不居中,请能过上面代码中红色数字来调整。

淘宝首页全屏效果装修

6、具体根据自己的需求调整高度居中的数据哦,这也是从万能的度娘学来的总结的哦希望有帮助具体效果:叮当小铺MP;有什么不清楚的欢迎去找我哦

© 一点知识