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

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


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

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


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

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

这个效果，使用“魔方”就可以

冠古科技 发表于 2015-12-22 14:46
在九宫格里面 删一张图片 就在那个地方放上自己的图 就行了。删掉的地方不会被后面的填充 会空缺出来 ...

好的，谢谢啦。。。。。

老梁快乐 发表于 2015-12-22 15:55
这个效果，使用“魔方”就可以

你用魔方就知道 是这个好 还是魔方好，魔方做三栏 必定会是切四片，如果中间强制隔开那么多造成三栏效果，对于我来说，我是不喜欢的。 店面最下面 我同样做了魔方的三栏效果，但我还是更喜欢上面这个

看来要学习代码了，，，，

会代码的人好流

回帖是美德

代码是复制在富文本里边吗。 怎么没看到图。。