论坛首页9格纯diy模板

古竹 · 发表于 2012-3-7 16:17:37

本帖最后由古竹于 2012-3-7 16:21 编辑

纯手工DIY制作，演示地址http://www.yingzhe.org

影者论坛diy设计.zip (8.87 KB, 下载次数: 1221)
有3个不同日期的xml文件，根据需要选择 yingzhe_org_forum_php.png.png

wuxianbo1 · 发表于 2012-3-7 18:24:45

支持{:soso_e100:}

xiaoyuer88 · 发表于 2012-3-7 23:06:58

虽然一般，但还是辛苦了。

匿名 *发表于 2012-3-17 20:21:31* · 发表于 2012-3-17 20:21:31

????fds

3603121989 · 发表于 2012-3-29 16:13:26

我觉得比较大气简单很稀饭

奶子哥 · 发表于 2012-4-2 11:13:33

很好，你好，请问你的diy是人如何做到这种框架的，为什么我的做不到，只能一块一块的显示，而不是随鼠标滑过显示相应的模块？

古竹 · 发表于 2012-4-22 22:35:47

发现有好多朋友都在问这种滑动的方式怎么实现的，简单说下，我也是菜鸟，不怎么太懂，见笑啊！
首先选择框架的时候选“tab框架”，然后就可以将多个模块添加进来了，这个时候可将多个模块并列放在一排的，也就是像那种滑动似的重叠在一起的，拖动模块的时候可以多试试位置，就会发现可以这样放的，然后保存，这时候的效果其实就是上面我展现出来的那种方式了，所不同的只不过滑动的时候不会自动切换的，必须点击下左键方可切换。
为了实现自动切换，请查看源代码，找到框架内层的id，加在下面的js代码里就可以了。这层框架id可以这样来找，建议使用firebug寻找，在模块标题上右键选“使用firebug查看元素”，这时候就能看到，连续有好多个div的id都是类似的，比如第一个div id="tabk2391I" 后面会有两三个分别是 div id="tabk2391I_title" div="tabk2391I_content"等,复制第一个div的id，也就是tabk2391I,粘贴在一下js中<script type="text/javascript">initTab("tabK2392I","mouseover");</script>，就行了，js放在模块的模块模板中

古竹 · 发表于 2012-4-22 22:38:16

奶子哥发表于 2012-4-2 11:13
很好，你好，请问你的diy是人如何做到这种框架的，为什么我的做不到，只能一块一块的显示，而不是随鼠标滑 ...

发现有好多朋友都在问这种滑动的方式怎么实现的，简单说下，我也是菜鸟，不怎么太懂，见笑啊！
首先选择框架的时候选“tab框架”，然后就可以将多个模块添加进来了，这个时候可将多个模块并列放在一排的，也就是像那种滑动似的重叠在一起的，拖动模块的时候可以多试试位置，就会发现可以这样放的，然后保存，这时候的效果其实就是上面我展现出来的那种方式了，所不同的只不过滑动的时候不会自动切换的，必须点击下左键方可切换。
为了实现自动切换，请查看源代码，找到框架内层的id，加在下面的js代码里就可以了。这层框架id可以这样来找，建议使用firebug寻找，在模块标题上右键选“使用firebug查看元素”，这时候就能看到，连续有好多个div的id都是类似的，比如第一个div id="tabk2391I" 后面会有两三个分别是 div id="tabk2391I_title" div="tabk2391I_content"等,复制第一个div的id，也就是tabk2391I,粘贴在一下js中<script type="text/javascript">initTab("tabK2392I","mouseover");</script>，就行了，js放在模块的模块模板中

奶子哥 · 发表于 2012-4-24 11:00:41

古竹发表于 2012-4-22 22:38
发现有好多朋友都在问这种滑动的方式怎么实现的，简单说下，我也是菜鸟，不怎么太懂，见笑啊！
首先选择 ...

太感谢了哈！

好润来 · 发表于 2012-6-13 17:15:51

藏的内容DISCUZX 2.5: 优优论坛-首页N格DIY安装版1.2.zip (5.15 KB, 下载次数: 6) （首页N格1.2，新版，DISCUZ2.5，测试版，稳定支持）优优论坛-首页N格

		自动登录	找回密码
密码			立即注册