淘宝首页全屏效果装修

 时间:2026-02-13 17:19:38

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

淘宝首页全屏效果装修

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

淘宝首页全屏效果装修

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

淘宝首页全屏效果装修

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

淘宝首页全屏效果装修

5、打开淘宝后台,选择自定义模块点击代码加以下代码复制粘贴

<div>

 <div style="height: 130px">

 <div class="footer-more-trigger mui-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%">

 <div class="footer-more-trigger mui-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%">

 <div class="footer-more-trigger mui-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">

 <div style="margin: 0px auto; width: 950px">

<!-- 以下是自己的代码 -->

 在这里输入要实现的代码或图片。如果只是图片要写成这样的格式: <img src="图片地址" />

<!-- 以上是自己的代码 -->

                                        </div>

 </div>

 </div>

 </div>

 </div>

</div>

如果发现实现后的全屏效果不居中,请能过上面代码中红色数字来调整。

淘宝首页全屏效果装修

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

  • PS颜色方案如何设置为深灰色#校园分享#
  • 藤椒油是不是麻油呢
  • PS快速绘制冰火拳头特效
  • CorelDRAW 如何制作八边形文字
  • 如何用CDR软件设计弯曲的字体
  • 热门搜索
    3月份去哪里旅游好 杭州旅游景点地图 好客山东旅游网 九华山旅游景点 厦门环岛路旅游攻略 青岛旅游政务网首页 旅游书籍 四川旅游政务网官网 海南兴隆旅游 湖北周边旅游