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

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

作者: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

相关教程

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

  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

    人气:40580
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

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

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

    人气:0
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233
  • 时尚美容美妆馆

    时尚美容美妆馆

    人气:0
  • 双十二 促销大红 现代灯艺淘宝模板

    双十二 促销大红 现代灯艺淘宝模板

    人气:0