Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

论坛首页9格纯diy模板

[复制链接]
古竹 发表于 2012-3-7 16:17:37 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 论坛类
展示风格: 纯代码
是否原创:
本帖最后由 古竹 于 2012-3-7 16:21 编辑

纯手工DIY制作,演示地址http://www.yingzhe.org
有3个不同日期的xml文件,根据需要选择

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
wuxianbo1 发表于 2012-3-7 18:24:45 | 显示全部楼层
支持{:soso_e100:}
回复

使用道具 举报

xiaoyuer88 发表于 2012-3-7 23:06:58 | 显示全部楼层
虽然一般,但还是辛苦了。
回复

使用道具 举报

匿名  发表于 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格
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-4-27 14:24 , Processed in 0.113121 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表