Discuz!X 首页门户【TOM论坛】模板——发布

本模板说明：
1、本模板在IE6下有两处错位：一处为辩论背景图、一处为下面新闻及娱乐导航条;时间有限，使用者自行解决！
2、本模板不包括演示图的头部和底部；
3、本模板需要几处HTML修改和模板样式添加！
4、演示地址：www.madio.net/dx11/
5、关于初装后IE报错！原因是幻灯片没有加载对象，请在相册上传4张图片，然后diy更新幻灯，即可解决！

安装成功的论坛如下：
新孟州社区已经调试完成，前来感谢楼主提供这么好的板子！！！
http://www.xinmengzhou.com

都市网：http://dooshi.com/ （这个网站正在PS图片）

第一步：下载tom文件夹上传至DX根目录

TOM.rar (248.13 KB, 下载次数: 12384)

2010-5-10 23:08 上传

点击文件名下载附件

第二步：清除门户首页的拖拽模块，
第三步：下载index.htm上传至template\default\portal\文件夹下 原来的index.htm请备份！
index.rar (4.02 KB, 下载次数: 7953)

2010-5-10 23:11 上传

点击文件名下载附件

第五步：添加模块样式
登陆后台——门户——模块样式


1、添加【图片类】样式
样式名称:【tom】图片幻灯
代码如下：

1. [loop]
   
2. [/loop]
   
3. [order=1]
   
4. <div class="carfocuscont" id="focus_cont1">
   
5. <a href="{url}" target=_blank>
   
6. <img src="{pic}" height="210" width="260" /></a>
   
7. </div>
   
8. [/order]
   
9. [order=2]
   
10. <div class="carfocuscont" id="focus_cont2" style="display:none;" >
    
11. <a href="{url}" target=_blank>
    
12. <img src="{pic}" height="210" width="260" / ></a>
    
13. </div>
    
14. [/order]
    
15. [order=3]
    
16. <div class="carfocuscont" id="focus_cont3" style="display:none;" >
    
17. <a href="{url}" target=_blank>
    
18. <img src="{pic}" height="210" width="260" / ></a>
    
19. </div>
    
20. [/order]
    
21. [order=4]
    
22. <div class="carfocuscont" id="focus_cont4" style="display:none;" >
    
23. <a href="{url}" target=_blank>
    
24. <img src="{pic}"  height="210" width="260" /></a>
    
25. </div>
    
26. [/order]
    

复制代码

填写完提交

2、添加【帖子类】样式
样式名称:【tom】论坛焦点
代码如下：

1. <div class="module cl xld fcs" style="margin-top: 0;"><dl class="cl">
   
2. [loop]
   
3. <h1 class=yellow><a href="{url}"{target}>{title}</a></h1>
   
4.         <dd class=text>{summary}</dd>
   
5. [/loop]
   
6. </div>

复制代码

3、添加【帖子类】样式
样式名称:【tom】论坛焦点2
代码如下：

1. <dl class="cl1">
   
2. [loop]
   
3. <H3 class=pink><a href="{url}"{target}>{title}</a></h3>
   
4.         <P class=text  style="PADDING-RIGHT: 20px; margin-LEFT: 20px;">{summary}</p>
   
5. [/loop]
   
6. </dl>

复制代码

4、添加【图片类】样式
样式名称：【tom】图片列表
代码如下：

1. <div class="module cl ml">
   
2. <ul>
   
3. [loop]
   
4. <li style="width: {picwidth}px;">
   
5.                 <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
   
6.        
   
7.         </li>
   
8. [/loop]
   
9. </ul>
   
10. </div>

复制代码

5、添加【帖子类】样式
样式名称：【tom】缩略图+标题
代码如下：

1. [loop]
   
2. <dl class="cl2">
   
3.         <dd class="m"><a href="{url}"><img src="{pic}" width="{picwidth}" height="{picheight}" /></a></dd>
   
4.         <h3><a href="{url}">{title}</a></h3>
   
5.        
   
6. </dl>
   
7. [/loop]
   

复制代码

6、添加【帖子类】样式
样式名称：【tom】帖子缩略图＋主题＋摘要
代码如下：

1. [loop]
   
2. <dl class="cl2">
   
3.         <dd class="m"><a href="{url}"><img src="{pic}" width="{picwidth}" height="{picheight}" /></a></dd>
   
4.         <h3><a href="{url}">{title}</a></h3>
   
5.         <dd>{summary}</dd>
   
6. </dl>
   
7. [/loop]
   

复制代码

添加完成后更新缓存

第六步、打开论坛首页，diy，导入下面附件的模块备份！


tom.rar (4.55 KB, 下载次数: 5937)

2010-5-10 23:36 上传

点击文件名下载附件

第七步、编辑模块，选择合适栏目

第八步、用写字板打开template\default\portal\index.htm 编辑修改文字！




如图导航处：导航的二级栏目为“八卦”用写字板搜索这个词，然后修改其链接和名称
（注：导航头部的首页 新闻 论坛 群组 空间 这几个字都是图片上的，所以如果要改，用photoshop打开根目录下的tom\images\nav.psd,自行修改文字，其字库没有的话，请下载这个 JDJHPING.rar (954.18 KB, 下载次数: 5633)

2010-5-10 23:48 上传

点击文件名下载附件

，拷贝到c:\windows\fonts\重新打开Photoshop即可）

需要修改的文字如下图，我想只要会点html代码，都应该可以会修改










第九步：模板是不是有些图片的文字不是你想要的栏目，没关系！这里提供原图（自己PS的，水平不佳）
自己用photoshop添加好文字，上传即可
原图.rar (44.18 KB, 下载次数: 4441)

2010-5-11 00:13 上传

点击文件名下载附件

都市网的木头提供了图片的psd，会用的，下载这个修改吧！ PSD.rar (180.27 KB, 下载次数: 4385)

2010-5-11 16:10 上传

点击文件名下载附件

本楼为答疑帖！

顶呀，，，，，，

好东西呀，，，，，，，，，没有演示呀

好东西呀，，，，，，，，，没有演示呀

支持楼主!!

非常好！！！！！！！！

回复 1# huashi3483 的帖子


    顶了先！！！
www.19joy.com

顶楼主 期待最新发布