热门标签 | 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%框架修改下,就可以实现最终第一张图片的效果了。


推荐阅读
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 深入理解Java中的volatile、内存屏障与CPU指令
    本文详细探讨了Java中volatile关键字的作用机制,以及其与内存屏障和CPU指令之间的关系。通过具体示例和专业解析,帮助读者更好地理解多线程编程中的同步问题。 ... [详细]
  • 本文详细探讨了HTTP 500内部服务器错误的成因、解决方案及其在Web开发中的影响。通过对具体案例的分析,帮助读者理解并解决此类问题。 ... [详细]
  • 在维护公司项目时,发现按下手机的某个物理按键后会激活相应的服务,并在屏幕上模拟点击特定坐标点。本文详细介绍了如何使用ADB Shell Input命令来模拟各种输入事件,包括滑动、按键和点击等。 ... [详细]
  • 百度服务再次遭遇技术问题,疑似DNS解析故障
    近日晚间,百度多项在线服务出现加载异常,包括移动端搜索在内的多个功能受到影响。初步迹象表明,问题可能与DNS服务器解析有关。 ... [详细]
  • 自媒体创作必备工具与软件推荐
    本文将详细介绍自媒体创作者所需的各类工具和软件,包括视频制作、剪辑、发布平台管理等方面的专业建议。 ... [详细]
  • 探讨如何使用工具或方法来自定义百度网盘的提取码,以提高文件分享的安全性和便捷性。 ... [详细]
  • 摘要:为了解决下载速度慢的问题,本文介绍了一种高效的下载方法,并提供了详细的步骤和工具推荐。通过使用百度网盘分享功能,可以显著提高文件传输效率。 ... [详细]
  • 根据最新发布的《互联网人才趋势报告》,尽管大量IT从业者已转向Python开发,但随着人工智能和大数据领域的迅猛发展,仍存在巨大的人才缺口。本文将详细介绍如何使用Python编写一个简单的爬虫程序,并提供完整的代码示例。 ... [详细]
  • 通过与阿里云的合作,牛客网成功解决了跨国视频面试中的网络卡顿问题,为求职者和面试官提供了更加流畅的沟通体验。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 揭秘:为何我的网名是老紫竹
    本文详细解释了作者为何选择“老紫竹”作为网名,从个人喜好到网络经历,以及与紫竹植物的渊源。 ... [详细]
  • 本文将深入探讨PHP编程语言的基本概念,并解释PHP概念股的含义。通过详细解析,帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]
  • 本文介绍了一种有效的方法来检测硬盘上的视频文件是否损坏或存在缺帧问题。虽然一些常见的搜索引擎并未提供专门的工具,但通过使用FFmpeg等专业软件,可以全面验证各种视频格式的数据完整性,包括较为古老的AVI格式。 ... [详细]
  • 本次考试于2016年10月25日上午7:50至11:15举行,主要涉及数学专题,特别是斐波那契数列的性质及其在编程中的应用。本文将详细解析考试中的题目,并提供解题思路和代码实现。 ... [详细]
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社区 版权所有