学习NO.1 发表于 2015-11-8 23:41:49

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

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


一、DIY中TAB框架如果切换点击方式(鼠标点击与鼠标滑过)
      
       如下图中的效果如何实现

实现方法:

拖一个TAB框架到页面中,点编辑,选择标题 如下图所示

在弹出的窗口中选择切换类型 如下图所示。

你可以根据你的需要选择是点击还是滑过
这个时候,我们来看一下效果

大家会很好奇这个时候,没有那种可以实现鼠标下滑出现特效的效果呀!是不是小编搞错了!那么我们继续操作下面的步骤
直接通过diy上面直接添加模块内容;效果如下:

这样我们就添加了内容;
保存下效果看下是不是非常不错的呢!看下效果:

但是我们发现了一个小小的问题,这里有个Tab标签,这个是我们在刚开始添加tab框架时候的标题:我们需要把它删除:diy设置-高级模式
选择编辑-标题——我们把标题删除了即可:

保存效果如下:

这个时候,问下又来了,我们发现,这个时候左侧出现了小小的空白,好像“论坛内容”这几个字无法靠到最左面-这个怎么办呢?
解决方法如下:
我们选中“论坛内容”这个模块,标题-位置-居左-偏移量输入-15:如下图所示:


好,保存好后,我们来看下最后的效果

这样就可以了,是不是很漂亮!如果您还是不会,可以联系我们道勤小编;或者是您可以加入道勤交流群226547332,和上千位站长朋友们,一起交流!





页: [1]
查看完整版本: discuzx3.2程序中DIY中TAB框架的用法详细解决-以及切换点击方式的讲解