在 discuz 官方论坛看到很多人在问首页 N 格的教程,有没有插件什么之类的,这里我想说 discuz 升级到 x1.5 有个很大的改动就是增加了 DIY,可以说 DIY 功能可以 DIY 出来你想要的任何效果,当然前提是你 DIY 技术够强。

  其实我在开始的时候也不知道是怎么做的,在论坛和百度搜了很长时间,无奈没人愿意真正的分享,也找不到一个好的教程,只好自己去慢慢研究,历经一下午终于搞定 ,现分享给大家。

  最终的效果

  好了,下面噩梦来进行一步步的设置和操作。

  首先我们登陆管理员账号,打开右上角的 DIY 面板,拉个 3:1 的框架在头部

  然后拉个 1:2 的框架和 100% 框架分别放在 3:1 的框架下面的作编和右边,如图

  这里我们基本上就把大致的框定下来了,1:2 的框架和 100% 框架把头部分成了 3 大块,下面我们拉 tab 框架放真正下面

  下面就是放模块了,我们把左侧的设置成图片的幻灯片格式,右侧设置成会员的排行,中间设置为论坛帖子显示的相关模式。

  我们在左侧的 tab 标签中拉入一个论坛模块→ 附件模块,吧名称填写为最新图片,模块属性的显示样式中设置为附件图片幻灯展示,显示条数最好设置为 5.

  然后点击 tab 标签的 编辑→ 标题

  我们把框架标题的“tab 标签” 去掉,然后点击确定,再保存一下

  左侧的效果就出来了,

  基本的步骤就是这样的,下面介绍下中间部分怎么设置

  同上面一样我们拉个论坛类帖子模板在 tab 标签上,把名称改成最新主题

  在模块属性→ 显示样式中可以设置你需要的样式

  用同样的方法,我们在拉两个帖子模块放在 tab 标签上,把名称更改为最新回复和热门主题,样子可以根据需要在显示样子的下拉菜单中选择。这里可以跟据需要添加模块。

  同样我们把 tab 标签的的标题名称去掉,标题名称设置为空然后点击确定,效果如题

  同样我们在右部分拉个会员模块放在 tab 标签上,讲会员模块的名称设置为最新会员,点击确定。然后将 tab 标签的的标题名称去掉,保存后效果如图

  现在 N 格基本上就确定下来了,怎么样才能达到最终效果图那样呢,我们只需要把 3:1 框架、 1:2 框架和 100% 框架隐藏起来看不见就可以了

  第一步我们吧鼠标放在 3:1 框架上,框架的右上角会有红色的编辑,我们点击编辑→ 标题

 

  同样吧框架的标题“3—1 框架” 这个名称去掉,为空,点击确定。

  然后继续在 3:1 框架上点击编辑→ 样式

  讲边框的颜色设置为白色或者无色,确定。

  点击保存后效果

  下面用同样将 1:2 框架和 100% 框架修改下,就可以实现最终第一张图片的效果了。