山西坦达清洁设备有限公司

现在的位置: 主页 > 在线留言 > 文章列表

文章正文

Discuz X首页n格制作方法

作者:山西坦达清洁设备有限公司 来源:www.sxtdqj.com 发布时间:2017-09-02 11:45:43
Discuz X首页n格制作方法

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

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

  最终的效果

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

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

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

Discuz X首页n格制作方法

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

Discuz X首页n格制作方法

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

Discuz X首页n格制作方法

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

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

Discuz X首页n格制作方法

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

Discuz X首页n格制作方法

Discuz X首页n格制作方法

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

  左侧的效果就出来了,

01.JPG

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

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

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

02.JPG

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

  同样我们把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%框架修改下,就可以实现最终第一张图片的效果了。

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:恩施SEO http://enshi.4567w.com


COPYRIGHT © 2015 山西坦达清洁设备有限公司 ALL RIGHTS RESERVED.
网站地图 技术支持:肥猫科技
精彩专题:网站建设
购买本站友情链接、项目合作请联系客服QQ:2500-38-100