教你如何打造九宫格商品导航！！突破魔方限制和表格间隙！

大家好，废话不多说，接下来直接上干货，教大家怎么做自己的九宫格商品（页面）导航。
首先来看效果图
可以扫码进店铺观看


新建自己的自定义页面模块
新建富文本
在富文本中输入“你好”，输入什么都可以
然后右键网页进入审查元素
CTRL+F 出现搜索框，然后搜索“你好”  找到第二个
对第二条“你好”点击edit as html
然后把里面的内容删掉，复制我提供的代码
然后出现如下图

这里面的每一张图直接删掉替换成自己的图就可以了
后面我会放上PS的切片图源文件


如图所示，想要换哪一张 就换哪一张
如果只需要做两行 就把其中一行删掉即可
然后图片弄完后，给每一张图片链接上自己想要跳转的链接。
下面放上代码和PS切片源文件

回帖是美德！如果觉得好，请回帖！
链接: http://pan.baidu.com/s/1o7ypoYQ 密码: sr5v

回帖是美德

代码在哪

这个是突破，以前的三列，用橱窗做的 ，高度是固定的，点赞

丰华日用品 发表于 2015-12-17 19:00
代码在哪

代码在下面的网盘里面

不知道怎么换 图片好文字

你这是什么字体啊？

回帖是美德

不错😊

回帖是美德，赞

真的不错。