官方QQ群—Discuz在线开发手册购买邀请码
开启辅助访问 在线金币（V币）充值切换风格
立即注册 找回密码

QQ登录

只需一步，快速开始

【道勤网】- www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程！【道勤网】

快捷导航
搜索
【道勤网】- www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程！【道勤网】 › 首页 ›Discuz综合教程› Discuz通用教程 › 查看内容

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

2015-11-8 23:43| 发布者: 学习NO.1| 查看: 9133| 评论: 0|原作者: 学习NO.1

摘要: 今天道勤小编给大家讲述下关于discuzx3.2程序中DIY中TAB框架的用法详细用法：详细很多使用discuz程序的站长朋友们，都会用到discuz程序当中的请打的diy功能；它不仅仅可以调用discuz内部的文章信息，也可以调用外部 ...
今天道勤小编给大家讲述下关于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，和上千位站长朋友们，一起交流！





鲜花
握手
雷人
路过
鸡蛋
收藏 邀请
上一篇：QQ互联登陆出现(1054) Unknown column 'conuintoken' in 'field list'下一篇：关于去掉门户文章列表右侧“相关分类”

相关阅读

最新评论

!jz_fbzt! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-5-12 19:29

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

返回顶部