公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

淘宝网店装修全屏店招代码基础版

作者:bj-cdf 2016-05-16 05:25:36

网店装修店招怎么才能做到全屏效果?这里只要简单将一些代码修改一下就可以了。 


div.skin-box-bd{position:relative;top:-150px;left:-485px;width:1920px;height:30px;padding-top:150px;line-height:150px;background:#41040B url(1920*150);padding-left:500px;}
复制代码
首先将url(1920*150) 括号里面的1920*150改成自己图片的链接。。我做的是150高的。。 如果是120高的 自己更改。。。就可以了。。 
修改好后 将下面这段代码放进 CSS导航里。
<div style="position:relative;z-index:99;">
复制代码
这是设置层级代码。  将这段代码放进自己做好的店招代码的第一行,将做的店招做好热点,就可以返回上面了。
这样就可以实现详情全屏店招了,而且,还可以支持热点。

去掉页尾 150PX空白。。CSS导航代码更换为
.skin-box-bd{background:#01060B url(1920*150) center top no-repeat;top:-150px;height:150px;width:1435px;left:-485px;padding-left:485px;position:relative;}.menu-list .all-cats{margin-top:150px;}

复制代码
CSS导航采用此代码即可去掉页尾留下的150PX的空白。。。



本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 淡雅浅黄 简约风尚 女装女鞋淘宝模板

    淡雅浅黄 简约风尚 女装女鞋淘宝模板

    人气:48805
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

    人气:38980
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1