自制选项卡仿81813导航，有人需要哦，做了顺便分享（全局通用、DZX系列通用）

关于模块类型，这里说清楚先——》全局通用~！
所有DZX系列通用~

这是我参考一个网站做的DIY选项卡导航代码，参考网站是这里；
http://www.81813.com/
点子来源是官方版主肥爷的一位用户的要求，详文见这里；
hold 住？ ... 10大洋求教！亲们，快来啊~~
http://www.12345.la/thread-18776-1-1.html

---

效果演示：

---

设置步骤（图1）：
注意，只是为了更详细让您知道如何做这种效果的选项卡，不要惧怕步骤多，其实超级简单，只是为了详细而已。

1）先拉一个1:1的框架做底
2）再拉一个 Tab 框架到1:1框架内的左手位置（当然，你也可以放到右边，请自定义）
3）点击1:1框架的编辑，选择标题，去掉1-1框架字眼
4）再点选1:1框架的编辑的样式，背景颜色选择transparent（透明）；指定class选择无版块且无边距


5）下来是设置Tab框架了
6）点击Tab框架的编辑，选择标题，去掉标题tab标签字眼
7）去掉tab标签字眼后，切换类型:选择滑过
步骤（图2）

8）点击模块，选择展示类，拉一个静态类模块到Tab的左边置放
9）数据来源——》自定义HTML；把下载包里的“直接5行代码”粘贴到HTML代码框里
10）确定
11）标题随便你写，例如模块1、2、3.。。。
12）再拉一个静态类模块到Tab框架的最左边（空模块）位置
13）模块标识——》随便写；数据来源选择自定义HTML——》然后直接点击确定
14）标题；写关——》确定
15）保存——》完成~！

---

如何更改代码呢？

1. <a href="地址链接" target="_blank">这里写你的导航名目</a>

复制代码

---

下载包内容；
1）一个虚线为模块的XML导入文件，只适用于DZX2.0（导入前请先备份（导出）您现在的。（参考图片第1种）
2）一个代码生成的虚线XML导入文件，只适用于DZX2.0（导入前请先备份（导出）您现在的。（参考图片第2种）
3）一个有5种效果的导航排列效果，方便您自定义使用多少个
4）一个完整5行代码（如样式图效果）
所有代码请自行添加链接，代码里注明
5）样式图片
6）没有了
7）评分，谢谢支持~muack~{:soso_e106:}

我的其它分享：
回帖推荐的设置（被忽略了的前台好功能）
https://discuz.dismall.com/thread-2441740-1-1.html
帖子内容页漂亮横排图片设置方法
https://discuz.dismall.com/thread-2441057-1-1.html
（解决）添加的频道提示说分类已关闭 （的方法）
https://discuz.dismall.com/thread-2436851-1-1.html
更改头部背景色（设为首页/收藏本站）For X2
https://discuz.dismall.com/thread-2399459-1-1.html
免费下载特制验证图片，美化注册页面，增加站点温馨人性化，有效打击广告注册机
https://discuz.dismall.com/thread-2362921-1-1.html
关于用户无签名权限却有签名与广告链接的解决方法
https://discuz.dismall.com/thread-2362408-1-1.html
一次性消灭签名广告的方法（官方管理授招）
https://discuz.dismall.com/thread-2374893-1-1.html
鼠标滑过链接出现漂亮提示/鼓励点击浏览内容/美化站点/扫掉郁闷的千篇一律/简便安装（最新）
https://discuz.dismall.com/thread-2359830-1-1.html
随时、简便更换论坛背景的方法（DIY系列教程）
https://discuz.dismall.com/thread-2354169-1-1.html
网络历史第一次发布“健康精灵”表情一套+免费下载
https://discuz.dismall.com/thread-2462045-1-1.html
（解决）抱歉，你的IP地址不在被充许，或您的帐号被禁用，无法访问本站点（的方法）
https://discuz.dismall.com/thread-2353668-1-1.html
X2设置评分教程
https://discuz.dismall.com/thread-2337032-1-1.html
DZX系列的横排友情设置教程
https://discuz.dismall.com/thread-2247163-1-1.html
简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程
https://discuz.dismall.com/thread-2330208-1-1.html
DIY一列多行的数据调用
https://discuz.dismall.com/thread-2328882-1-1.html
帖子无缘无故失踪的原因（解决灵异事件—1）
https://discuz.dismall.com/thread-2327941-1-1.html
DIY模块失踪了（解决灵异事件—2）
https://discuz.dismall.com/thread-2328454-1-1.html
教你用最简单的方法做自己的logo（1分钟拥有自己的标志，不必求人咯）
https://discuz.dismall.com/thread-2326998-1-1.html
去掉头部升级IE提示【卓芸-V系】V2.0(20110805) DX2透明模板 模板机制更新 原作BY:
https://discuz.dismall.com/thread-2326966-1-1.html
帮助中心 通用帮助主题内容图文说明与下载（DZX 系列）
https://discuz.dismall.com/thread-2298898-1-1.html
海外的视频无法播放问题（解决方法）
https://discuz.dismall.com/thread-2297927-1-1.html
专题 DIY 保存 发生错报 的看这里（应对解决方法）
https://discuz.dismall.com/thread-2295486-1-1.html
如何设置分类信息（图文教程、DZX系列）
https://discuz.dismall.com/thread-2269181-1-1.html
设置分类信息的加密功能（教程）
https://discuz.dismall.com/thread-2356866-1-1.html
游客无法正常浏览 只能看到头部Logo、背景色的解决方法
https://discuz.dismall.com/thread-2262709-1-1.html
房产安装后无法启用的解决（小小分享）
https://discuz.dismall.com/thread-2336161-1-1.html

DZ互助团队页面；
https://discuz.dismall.com/plugin.php?id=issuetrack:team
我的空间，欢迎来看看；
https://discuz.dismall.com/home.php?mod=space&uid=984166
我自己的小站，欢迎你来看~
www.extollive.com

很好 ！  谢谢楼主分享！！

很不错哦。。。。

谢谢LZ无私分享，收下了。

http://www.top-feather.com ， http://www.huijiuxin.com

支持下

顶{:soso__18211398937868504821_4:}

otherbank 发表于 2011-10-26 17:19
顶

谢谢~

楼主您好，首先感谢您的分享，还有个问题想请教就是，怎么样实现跟演示网站http://www.81813.com/
那样，光标没滑过去时是收起来的呢？

liugejiaoyin