discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解

学习NO.1

今天道勤小编给大家讲述下关于discuzx3.2程序中DIY中TAB框架的用法详细用法：详细很多使用discuz程序的站长朋友们，都会用到discuz程序当中的请打的diy功能；它不仅仅可以调用discuz内部的文章信息，也可以调用外部的信息，以及配合html做出一些特效；确实是一项非常强大的功能；让道勤小编不得不为它说：“好牛逼的功能”；下面小编讲诉下关于diy中的一些常用功能：尤其是TAB的用法

一、DIY中TAB框架如果切换点击方式（鼠标点击与鼠标滑过）               如下图中的效果如何实现 discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解 实现方法： 拖一个TAB框架到页面中，点编辑，选择标题 如下图所示 discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解02 在弹出的窗口中选择切换类型 如下图所示。 discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解03 你可以根据你的需要选择是点击还是滑过 这个时候，我们来看一下效果 discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解04 大家会很好奇这个时候，没有那种可以实现鼠标下滑出现特效的效果呀！是不是小编搞错了！那么我们继续操作下面的步骤 直接通过diy上面直接添加模块内容；效果如下： discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解05 这样我们就添加了内容； 保存下效果看下是不是非常不错的呢！看下效果： discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解06 但是我们发现了一个小小的问题，这里有个Tab标签，这个是我们在刚开始添加tab框架时候的标题：我们需要把它删除：diy设置-高级模式 选择编辑-标题——我们把标题删除了即可： discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解09 保存效果如下： discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解10 这个时候，问下又来了，我们发现，这个时候左侧出现了小小的空白，好像“论坛内容”这几个字无法靠到最左面-这个怎么办呢？ 解决方法如下： 我们选中“论坛内容”这个模块，标题-位置-居左-偏移量输入-15：如下图所示： discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解 好，保存好后，我们来看下最后的效果 discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解11 这样就可以了，是不是很漂亮！如果您还是不会，可以联系我们道勤小编；或者是您可以加入道勤交流群226547332，和上千位站长朋友们，一起交流！

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！