淘宝导航代码

曾几何时,你是否有过这样的烦恼;曾几何时,你有这么担心过吗?

我辛辛苦苦的设计了店铺的页面效果,然后满心欢喜的装修店铺。但是我发现导航栏只能990或者950宽,不能全屏,950以上还是可以点的。

那怎么才能突破950或者990的限制,点击超出外范围呢?就像这样

淘宝导航代码

一:原因分析

和店里的自定义模块不能全屏是一个道理,因为宽度有限,加上溢出隐藏,无法全屏。

解决方案也很简单,就像自定义模块的全屏原理,只是我们通过相对定位来实现全屏。

二:代码演练

方法1:

如果你的店铺没有逃出基础版,那么我们可以直接进入装修背景,在页眉设置中添加页眉背景。这个页面的背景是商店标志和导航后面的背景图片。你自己试试就知道怎么用了。很简单。

方法:2:

只需找到默认的导航栏,即最外面的框架。也就是类名skin-box-bd的DIV标签。然后设置一些CSS样式就全屏了。

。skin-box-bd {宽度:950px填充:0 485px位置:相对;左:-485 px;}

将上面的代码复制到商店导航显示设置中,然后单击OK。注意预览看不到效果。发布后会看到全屏效果。

有的同志会说,如果我要导航大于950,那就以这里的米色为例,写代码。

。skin-box-BD { width:1000 px;填充:0 460px位置:相对;左:-460 px;}

三:注意事项

因为这里只实现了导航的全屏效果,所以代码中只实现了全屏效果。如果需要实现更复杂的效果,比如我的淘宝店的效果,http://cisdesign.taobao.com所有的类目和右边的类目都很开放,等等。然后你需要有一定的代码基础,自己写CSS代码。

您可能在预览中看不到效果,但发布后可以在全屏导航中看到效果。

淘宝允许我们通过CSS代码修改默认的导航效果,所以理论上我们可以实现商店中的任意导航栏效果。

我不建议用自定义导航代替默认导航,因为没有办法在自定义导航的详情页显示类别的弹出子类别。如果你的公司不介意,你可以自定义导航。

我能想到的大概就这些了。如果你有以上问题,可以留言直接回复。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

发表回复

登录后才能评论