主题页广播台+列表页大秀场+DIV导入管理+幻灯片版+调用缩图【20130727】

Discuz! X3.0版本2013-07-27.更新了
三年数百个站的稳定测试，相信大家应该放心使用了。
唯一缺点就是只能手动安装。在此给大家致歉。




之前我就发了一个贴子引来在450楼网友的关注。
https://discuz.dismall.com/thread-2064052-1-1.html




前言：
        本插件什么风格都可以装，顶部底部显示都没问题，不用修改数据库，一键删除。IE6 IE7 IE8 熬游 360 闪游 世界之窗浏览器 都正常访问 靠后台或前台DIV调用。不用怕DZ升级。自动更新，绝对的美观实用。完美SEO调用静态地址。

话不多说上演示图：(点击放大)



主题页广播台演示地址：
http://www.0852.com.cn/forum-129-1.html

列表页大秀场演示地址：
http://www.0852.com.cn/thread-4636-1-1.html


喜欢吗？喜欢在往下看！


安装前准备
以前写的太烦琐，整得很多人都头晕。今天我就在做进一步简化，10分钟装好。

首先：把自己空间里的两个源模版文件备份：
模版文件位置： template\default\forum\viewthread.htm
                          template\default\forum\forumdisplay.htm

开始安装：
注意：嫌麻烦不想修改的朋友下面有修改好的模版包下载。





第一步：
编写后台模块
路经：登陆后台>门户>模块管理>数据调用>在模块分类那选《贴子模块》在点后面的《添加调用》

第一条规则如下：
模块标识：《广播台右文字2》——高级自定义——标题最大字节数40—显示5条数—显示样式《内置[题子标题]》

第二条规则如下：
模块标识《广播台右图2》——高级自定义——标题最大字节数40—显示2条数—必须含图片附件——显示样式内置[题子缩约图+主题+摘要]——宽135高110


第三条规则如下：
模块标识《广播台左文字1》——高级自定义——标题最大字节数40—显示5条数—显示样式内置[题子标题]


第四条规则如下：
模块标识：《广播台左图1》——高级自定义——标题最大字节数40—显示2条数—必须含图片附件——显示样式内置[题子缩约图+主题+摘要]——宽135高110


第五条规则如下：
模块标识《大秀场-晒太阳》——高级自定义——标题最大字节数40—显示6条数—必须含图片附件——显示样式内置[题子缩约图+主题+摘要]宽——190高175


第六条规则如下：
模块标识《大秀场-摄影秀》——高级自定义——标题最大字节数40—显示6条数—必须含图片附件——显示样式内置[题子缩约图+主题+摘要]——宽190高175




第二步：
路经：登陆后台>门户>模块管理>数据调用>选取你要调用的模块名称

操作区域里【属性   数据   内部调用   外部调用  管理权限】 点属性。打开的窗口里点 模块模版 （如下图）



模板另存为...项下面窗口内代码替换以下对应代码《注意》要点 更新


注意：后台模块规则共要添加六项
广播台右文字2
广播台右图2
广播台左文字1
广播台左图1
大秀场-晒太阳
大秀场-摄影秀





广播台左图1和广播台左图2共用如下规则

1. [loop]
   
2.     <LI><A href="{url}"
   
3.     target=_blank><IMG border=0 alt=""
   
4.     src="{pic}" width="{picwidth}" height="{picheight}" /><SPAN>{title}</SPAN></A>
   
5.     </LI>
   
6. [/loop]

复制代码

上面粘里面去覆盖广播台左图1和广播台左图2模块原来的代码 ，






大秀场-晒太阳和大秀场-摄影秀 可以共用如下规则

1. [loop]<LI><A href="{url}"
   
2.     target=_blank><IMG class=kmxx
   
3.     src="{pic}" width="{picwidth}" height="{picheight}" />    <P>{title}</P></A></LI>[/loop]

复制代码

上面粘里面去覆盖大秀场-晒太阳和大秀场-摄影秀模块原来的代码 ，

广播台左文字1和广播台左文字2两处文字调用模块代码就不用覆盖代码。

规则编写完工.








第三步，修改文件：forumdisplay.htm
查找：

1. <div class="wp">
   
2.         <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
   
3. </div>

复制代码

替换：

1. <style id="diy_style" type="text/css"></style>
   
2. <SCRIPT type=text/javascript>zoomstatus = parseInt(0);var imagemaxwidth = '760';var aimgcount = new Array();</SCRIPT>
   
3. <LINK rel=stylesheet type=text/css
   
4. href="../image/public_2010.css">
   
5. <SCRIPT type=text/javascript>
   
6. function switch_daxiuchang(show) {
   
7. $('threadadd_show').className = 'show_version ' + show;
   
8. $('show_am_span').className = $('show_pm_span').className = '';
   
9. $(show + '_span').className = 'threadadd_active';
   
10. }
    
11. var dxc_show = 'show_am';
    
12. function switch_daxiuchang_auto() {
    
13. switch_daxiuchang(dxc_show);
    
14. dxc_show = dxc_show == 'show_am' ? 'show_pm' : 'show_am';
    
15. }
    
16. dsc_st = setInterval(switch_daxiuchang_auto, 5000);
    
17. </SCRIPT>
    
18. 
    
19. <DIV>
    
20. <DIV class="threadadd show showvision">
    
21. <H3>大秀场</H3>
    
22. <DL class=threadadd_main>
    
23. <DT id=show_tab class=changegroup><SPAN id=show_am_span
    
24. class=threadadd_active><A title=查看晒太阳 onClick="switch_daxiuchang('show_am');"
    
25. href="javascript:;" rel=show_am>晒太阳</A> </SPAN><SPAN id=show_pm_span><A
    
26. title=查看摄影秀 onClick="switch_daxiuchang('show_pm');" href="javascript:;"
    
27. rel=show_pm>摄影秀</A> </SPAN></DT>
    
28. <DD id=threadadd_show class="show_version show_am"
    
29. onmouseover=clearInterval(dsc_st);
    
30. onmouseout="dsc_st = setInterval(switch_daxiuchang_auto, 5000);">
    
31. <UL class=show_am>这里是你的内部调用码大秀场-摄影秀</UL>
    
32. <UL class=show_pm>这里是你的内部调用码大秀场-晒太阳</UL></DD></DL></DIV></DIV>

复制代码

注意：请修改上面代码里面的这里是你的内部调用码大秀场-摄影秀 和 这里是你的内部调用码大秀场-晒太阳替换成你的《内部调用码》

获取自己内部调用码的方法如下：

路经：登陆后台>门户>模块管理>数据调用>选取你要调用的模块名称

操作区域里【属性   数据   内部调用   外部调用  管理权限】 点内部调用。OK。

例：<!--{block/654}-->    获这个就是内部调用码。






第四步：修改文件：viewthread.htm
查找：

1. <div class="wp">
   
2.         <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
   
3. </div>

复制代码

替换：

1. <style id="diy_style" type="text/css"></style>
   
2. <LINK rel=stylesheet type=text/css
   
3. href="../image/public_2010.css">
   
4. 
   
5. <DIV>
   
6. <DIV class="threadadd gossip">
   
7. <H3>广播台</H3>
   
8. <DL id=threadadd_gossip class="threadadd_main gossip_am">
   
9. <DD class=gossip_am>
   
10. <UL class=gossip_imglist>这里是你的内部调用码广播台左图1</UL>
    
11. <UL class=gossip_txtlist>这里是你的内部调用码广播台左文字1</UL>
    
12. <UL class=gossip_imglist>这里是你的内部调用码广播台右图2</UL>
    
13. <UL class=gossip_txtlist>这里是你的内部调用码广播台右文字2</UL>
    
14. </DD></DL></DIV></DIV></DIV>

复制代码

注意：请修改上面代码里面的
这里是你的内部调用码广播台左图1
这里是你的内部调用码广播台左文字1
这里是你的内部调用码广播台右图2
这里是你的内部调用码广播台右文字2
替换成你的《内部调用码》

获取自己内部调用码的方法如下：

路经：登陆后台>门户>模块管理>数据调用>选取你要调用的模块名称

操作区域里【属性   数据   内部调用   外部调用  管理权限】 点内部调用。OK。

例：<!--{block/654}-->    获这个就是内部调用码。



修改文件完成，


第五步：上传图片跟CSS文件包，（包里只有三个文件bg_repeat.png，bg_threaduseroption.png，public_2010.css）

—— 更新至：Discuz! X2 版【R20111010】

—— 更新至：Discuz! X2 版【R20111010】

传到空间论坛的根目录，（就是你论坛BBS放在什么目录就上传至那里）



@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

下面集合文件包" 注意里面的viewthread.htm和forumdisplay.htm模版文件调用码要换成你的“。

—— 更新至：Discuz! X2 版【R20111010】
—— 更新至：Discuz! X2 版【R20111010】

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

解释一下“调用缩图”是什么意思。
这个叫原图：http://你的网站/data/attachment/forum/201102/21/112407270t1j2wrcfz72wz.jpg
原图大时有（10MB），如果你的网站首页加载10张这么大的图想想打开速度是什么样。
这个叫缩约图:http://你的网站/data/attachment/block/61/610ab7fc5541145e27d397c.jpg
（图片调用原图下载量大出现打开反应慢，调用路径为/data/attachment/block/ 只要你的图片路径不是就可以修改)




编写这个插件用了两个小时。装成功的朋友记得友情连接一个哟。
在本论坛内友情连接不用注册ID游客可发贴，友情连接申请：http://www.0852.com.cn/forum-129-1.html

二楼抢起来解决问题用。

:lol:lol

很不错呀，谢谢楼主的分享啦！

怎么看上去这么复杂呢？

xuexile

这个不错啊 支持

看看了，这插件不错！

好,应该顶，今后继续努力