discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解

2015-11-8 23:43| 發(fā)布者: 學(xué)習(xí)NO.1| 查看: 9181| 評論: 0|原作者: 學(xué)習(xí)NO.1

摘要: 今天道勤小編給大家講述下關(guān)于discuzx3.2程序中DIY中TAB框架的用法詳細(xì)用法：詳細(xì)很多使用discuz程序的站長朋友們，都會用到discuz程序當(dāng)中的請打的diy功能；它不僅僅可以調(diào)用discuz內(nèi)部的文章信息，也可以調(diào)用外部 ...

今天道勤小編給大家講述下關(guān)于discuzx3.2程序中DIY中TAB框架的用法詳細(xì)用法：詳細(xì)很多使用discuz程序的站長朋友們，都會用到discuz程序當(dāng)中的請打的diy功能；它不僅僅可以調(diào)用discuz內(nèi)部的文章信息，也可以調(diào)用外部的信息，以及配合html做出一些特效；確實是一項非常強(qiáng)大的功能；讓道勤小編不得不為它說：“好牛逼的功能”；下面小編講訴下關(guān)于diy中的一些常用功能：尤其是TAB的用法

一、DIY中TAB框架如果切換點擊方式（鼠標(biāo)點擊與鼠標(biāo)滑過）

如下圖中的效果如何實現(xiàn)
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解

實現(xiàn)方法：

拖一個TAB框架到頁面中，點編輯，選擇標(biāo)題如下圖所示
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解02

在彈出的窗口中選擇切換類型如下圖所示。
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解03

你可以根據(jù)你的需要選擇是點擊還是滑過
這個時候，我們來看一下效果
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解04

大家會很好奇這個時候，沒有那種可以實現(xiàn)鼠標(biāo)下滑出現(xiàn)特效的效果呀！是不是小編搞錯了！那么我們繼續(xù)操作下面的步驟
直接通過diy上面直接添加模塊內(nèi)容；效果如下：
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解05

discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解05

這樣我們就添加了內(nèi)容；
保存下效果看下是不是非常不錯的呢！看下效果：
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解06

但是我們發(fā)現(xiàn)了一個小小的問題，這里有個Tab標(biāo)簽，這個是我們在剛開始添加tab框架時候的標(biāo)題：我們需要把它刪除：diy設(shè)置-高級模式
選擇編輯-標(biāo)題——我們把標(biāo)題刪除了即可：
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解09

discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解09

保存效果如下：

discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解10

這個時候，問下又來了，我們發(fā)現(xiàn)，這個時候左側(cè)出現(xiàn)了小小的空白，好像“論壇內(nèi)容”這幾個字無法靠到最左面-這個怎么辦呢？
解決方法如下：
我們選中“論壇內(nèi)容”這個模塊，標(biāo)題-位置-居左-偏移量輸入-15：如下圖所示：
discuzx3.2程序中DIY中TAB框架的用法詳細(xì)解決-以及切換點擊方式的講解