热门标签 | HotTags
当前位置:  开发笔记 > 开放平台 > 正文

DiscuzX首页n格制作方法

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

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

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

  最终的效果

Discuz x1.5首页N格教程 三联

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

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

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

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

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

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

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

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

  左侧的效果就出来了,

01.JPG

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

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

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

02.JPG

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

03.JPG

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

04.JPG

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

05.JPG

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

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

06.JPG

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

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

07.JPG

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

  点击保存后效果

08.JPG

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


推荐阅读
author-avatar
哥这么好的人你去哪找
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有