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

Discuz! X3.0版本2013-7-27.更新了

https://discuz.dismall.com/thread-2547468-1-1.html











IE6 IE7 IE8 熬游 360 闪游 世界之窗浏览器 都正常

20110318更新 [真正完美版]



另外我在提醒一下大家。

有朋友反应DIV调用页只显示一半。整个网站只有半截。、


如下图：

整个网站只显示头部。下面就白的一片。
个人在DZ里找了很多资料都没有解决。
前台DIV调用换到后台来。问题解决。

后台DIV调用路经：门户>模块管理>数据调用>先取你的模块分类

成功后点里面的【属性   数据   内部调用   外部调用  管理权限】 内部调用。OK。

<!--{block/654}-->    这个就是内部调用码。下面有详细说明。



先上图喜欢在往下看







然后放演示地址：

列表页演示：  http://www.0852.cc/forum-129-1.html
主题页演示： http://www.0852.cc/thread-4636-1-1.html




大家安装其实一点也不麻烦。安装最快的朋友只用了10分钟，

本人麻烦了几天换来大家的几分钟，认为东西好大家给评点分，

有二个步骤：“修改模版文件，上传图片包跟CSS文件”



喜欢吗？喜欢在往下看！




现在我们开始

首先：把自己的两个模版文件备份：

模版文件位置： template\default\forum\viewthread.htm
                          template\default\forum\forumdisplay.htm



然后在自己主题页+列表页的DIV备份：


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

第一步修改文件：forumdisplay.htm

查找：

1. <style id="diy_style" type="text/css"></style>
   
2. <div class="wp">
   
3. <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
   
4. </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>

复制代码

修改文件：viewthread.htm

查找：

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

复制代码

请修改里面的内部调用码后替换： （内部调用码说明在下面）

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

复制代码

修改文件完成，

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

查找：论坛的根目录，（就是你论坛BB放在什么目录就上传至那里）

下载文件包(1)—— image.rar (34.29 KB, 下载次数: 3825)

2011-3-20 23:09 上传

点击文件名下载附件
有钱的下这个

下载文件包(2)—— image.rar (34.29 KB, 下载次数: 3874)

2011-3-20 23:09 上传

点击文件名下载附件
没钱下这个

如何获得内部调用码请看下面：



第三步，后台DIV设置，



后台DIV调用路经：门户>模块管理>数据调用>模块分类>选取贴子模块> 添加调用。如上图：



广播台右文字2——高级自定义——标题最大字节数40—显示5条数—显示样式[x1.5题子标题]

广播台右图2——高级自定义——标题最大字节数40—显示2条数—必须含图片附件——显示样式[x1.5题子缩约图+主题+摘要]——宽135高110

广播台左文字1——高级自定义——标题最大字节数40—显示5条数—显示样式[x1.5题子标题]

广播台左图1——高级自定义——标题最大字节数40—显示2条数—必须含图片附件——显示样式[x1.5题子缩约图+主题+摘要]——宽135高110

大秀场-晒太阳——高级自定义——标题最大字节数40—显示6条数—必须含图片附件——显示样式[x1.5题子缩约图+主题+摘要]宽——190高175

大秀场-摄影秀——高级自定义——标题最大字节数40—显示6条数—必须含图片附件——显示样式[x1.5题子缩约图+主题+摘要]——宽190高175


注意：这个DIV模块属性是定要覆盖的。不然就显示空白的。
后台DIV调用路经：门户>模块管理>数据调用>【属性   数据   内部调用   外部调用  管理权限】 点数据。
到模块模板项粘里面去覆盖原来的代码就可以了。 如下图：

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和广播台左文字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]

复制代码

上面是大秀场-晒太阳 —和—大秀场-摄影秀 。要在后台修改两处模块模板 粘里面去覆盖原来的代码
后台DIV调用路经：门户>模块管理>数据调用>【属性   数据   内部调用   外部调用  管理权限】
成功后点里面的【属性   数据   内部调用   外部调用  管理权限】 内部调用。OK。

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




完工。成功的朋友记得友情连接一个哟。
不用注册ID游客可发贴，友情连接：http://www.0852.cc/forum-129-1.html

下面是修改好的模版文件包" 注意里面的调用码要换成你的“。：
文件集合包.rar (43.01 KB, 下载次数: 3648)

2011-3-20 23:09 上传

点击文件名下载附件
有钱的下这个

  —— 更新至：Discuz! X1.5 版【R20110317】
文件集合包.rar (43.01 KB, 下载次数: 3631)

2011-3-20 23:09 上传

点击文件名下载附件
没钱下这个

—— 更新至：Discuz! X1.5 版【R20110317】

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


容易吧！记得关注我，以前发了一个大秀场就有很好的成绩，现在两个都来了。
看看人气会比以前的贴更火不。
以前的：https://discuz.dismall.com/thread-1977344-1-1.html




(EM:131:)看谁还说有问题(EM:131:)

图片空白问题解决：要看看你的DIV后设置调用后是否没有覆盖模版代码或者覆盖模版代码后调用码没有换成你的，如果广播台不显示也可能是你把调用代码顺序搞错了。广播台的显示顺序如下：

后台图：

对比着加入：

• <UL class=gossip_imglist>这里是你的内部调用码广播台左图1</UL>
• <UL class=gossip_txtlist>这里是你的内部调用码广播台左文字1</UL>
• <UL class=gossip_imglist>这里是你的内部调用码广播台右图2</UL>
• <UL class=gossip_txtlist>这里是你的内部调用码广播台右文字2</UL>
  

修改宽度问题：
查找：public_2010.css
repeat.png); PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 968px;
里面那个WIDTH: 968px; 就是宽度。改成你想要的。



修改宽度后出现跳行问题：
threadadd_main {
Z-INDEX: 0; POSITION: relative; WIDTH: 908px;
里面的WIDTH: 908px。要缩小一点。试着修改。


Discuz! X2升级文件：

升级时修改里面的调用码后直接覆盖就行。

先占楼  楼主辛苦了，看看
[img]www.520913.com[/img]

(EM:131:)

占位。。 http://www.xy0354.com/sitemap.php

先占楼  楼主辛苦了，看看

LZ你的第二步骤修改文件呢？

那还说个什么呢？
爽啊！

刚刚在本地测试完，太牛X了，谢谢楼主！！！！

回复 yvhkasd 的帖子

第一个谢收下了。

画个圈圈诅咒“喝水不谢挖井人”的朋友。