当前位置:首页 > 天道酬勤 > 正文内容

()

张世龙2021年12月20日 05:23天道酬勤780

曾经,你有过这样的烦恼吗? 你以前有过那样的忧愁吗?

辛苦设计的店铺的页面效果,并且充满喜悦地装修店铺。 但是,发现导航栏只能是990或950的宽度,不能全屏,超过950也可以点击。

怎样才能突破950或990的限制,在范围外也可以点击呢? 想像下面这样做

一:原因分析

和店铺定制模块不能全屏的理由一样,因为限制了宽度,增加了隐藏超出,所以不能全屏。

解决方法也很简单,与自定义模块的全屏显示原理相同,但是通过相对定位实现了全屏显示。

二:代码演练

方法1 :

如果你的店铺不是逃离了基础版,我们可以直接进入装修后台,进入页面头的设置中,添加页面头的背景。 这一页开头的背景是商店招聘和导航后面的背景图。 自己试着做一下就知道使用方法,很简单

方法:2 :

只需要找到默认的导航栏,最外层的框架。 也就是说,它是class名位skin-box-bd的DIV标签。 然后,如果设置一些CSS样式,就会变成全屏。

. skin-box-bd { width:950px 填充:0 485 px; 位置:相对关系; left:-485px帕克斯; }

将上面的代码复制并放入店铺导航---显示在设置中,单击“确定”。 请注意,在预览中看不到效果。 发布后可以看到全屏效果。

有一位同志说,如果我想让导航比950大,我在这里以米黄色为1000px宽为例写代码

. skin-box-bd { width:1000px 填充:0 460 px; 位置:相对关系; left:-460px帕克斯; }

三:注意事项

在这里只是实现了导航的全屏效果,所以在代码中只实现了全屏效果。 如果需要实现更复杂的效果,比如我的淘宝店的效果http://cisdesign.taobao.com所有分类和右侧分类都集中在一起等效果。 那需要一定的代码基础,是自己写CSS代码实现的。

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

因为淘宝允许用CSS代码修改默认导航的效果,所以理论上在店铺中可以实现任何导航栏效果

我不建议使用自定义导航来代替默认的导航。 因为在自定义导航、详细信息页面中,无法显示分类的弹出分类。 如果你的公司不怎么样,可以定制导航

虽然能想出来的只有这些,但是如果有以上问题的话,可以直接用消息回复

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/25408.html

标签: h1
分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。