北极寒流 » 网络资源 » 淘宝旺铺基础版店招全屏首页全屏背景全屏设置方法 - 2016.01.24

淘宝旺铺基础版店招全屏首页全屏背景全屏设置方法

首先是首页全屏,基础版默认只能设置750的宽度,我们把其他模块都删了,只添加一些自定义内容的模块,然后在模块中写入下面的代码(图片和链接地址请换成你自己店铺的) 

<div style="height:620px;width:1920px;">
<div class="footer-more- trigger" style="width:1920px;height:620px;left:auto;top:auto;margin:0;padding:0;border:0;">
<div class="footer-more-trigger" style="top:auto;left:-675px;margin:0;padding:0;border:0;">
<a href="http://epinv.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/670177225/T2Lr5qXFlaXXXXXXXX-670177225.jpg" style="float:none;margin:0px;" /></a>
</div>
</div>
</div>

 

下面是背景全屏代码(代码放进在:装修店铺页面--导航条--编辑--显示设置的CSS里面,也注意要把图片地址换成你自己空间的)

body{background: #000000 url(//gdp.alicdn.com/imgextra/i4/11160884/TB2dwanjVXXXXcsXXXXXXXXXXXX-11160884.jpg) no-repeat 50% 103px;}

下面的代码是背景随滚动栏滑动的全屏背景代码

body{background: #000000 url(//gdp.alicdn.com/imgextra/i4/11160884/TB2dwanjVXXXXcsXXXXXXXXXXXX-11160884.jpg) no-repeat fixed center top transparent;}

最后是店招全屏的设置代码(代码放进在:装修店铺页面--导航条--编辑--显示设置的CSS里面,也注意要把图片地址换成你自己空间的)

div.skin-box-bd {
position: relative;
top: -120px;
left: -500px;
width: 1920px;
height: 30px;
padding-top: 120px;
line-height: 100px;
background: #FFF url(//gdp.alicdn.com/imgextra/i1/11160884/TB2yQO4jVXXXXcJXpXXXXXXXXXX-11160884.png);
padding-left: 500px;
}

24

淘宝旺铺基础版店招全屏首页全屏背景全屏设置方法

分享到:

最受欢迎的