淘宝基础版制作自定义全屏通栏店招和首页

北京/设计爱好者/6年前/2869浏览
淘宝基础版制作自定义全屏通栏店招和首页

最近到了一个穷b公司工作,只有基础版的店铺装修!啊!(此处应有土拨鼠)只能自己研究通栏首页的制作方式,毕竟950真tmd丑啊~

附上通栏首页效果:

店招通栏的基本思想是{导航条通栏大图放在下面,用950的店招来实现各种效果盖在导航条上显示}

店招用正常的950的尺寸,dw切代码,上传,一定要设置150px的高度!!!要不你试试就知道了……

然后导航条处有代码——

.skin-box-bd{display:block;}body{background:url(#我是图片链接#) no-repeat center 107px;}

#这是完整的代码全部复制不要丢小点点#

这些都做完之后你就可以看到一个怪怪的东西,但是没事,正常保存发布就好啦

然后是下方的首页1920直接正常做出来,dw切代码。最关键的一步来了!右边添加自定义区,不要在左边。

然后把一段代码放进去——


<div style="height:#我是首页高度#px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-1060px;top:auto;border:none;padding:0;">

#dw切的代码放在这#



</div>

</div>

</div>

保存就ok啦。

献给和我有一样痛苦的宝宝们。

什么!你不会dw?洗洗睡吧,不要装修店铺了……

18
Report
|
20
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in