【T客在线】精品模板 地方社区版 for dzx 2.5 〓10月8日更新，一直升级并免费〓

更新记录：
……
2012年10月8日，完善并新增UTF8等版本
2012年8月17日，修复帖子查看页的顶部错位问题
2012年8月6日， 修复ie6下js错误，完善一些细节。
2012年7月24日，修复QQ互联在不同分辨率下错位，版块图标显示问题（已发布在dz应用中心，可在线安装）
2012年6月25日，修复head文件里logo链接；样式更新，完善默认字体、头部随logo高度自动调整高度等。
2012年6月21日，首页文字栏目增加作者等；论坛首页板块图标变为64px，增加今日帖数。
2012年6月20日，T客在线（地方社区版）重大更新，首页做成可以自由DIY的框架（详见下面图文说明）
2012年6月13日，修复ie9问题。（一些常见问题解决办法见2楼）
2012年6月11日  T客在线模板（地方社区版） for dzx 2.5免费发布
2012年6月11日  T客在线模板（行业门户版）  for dzx 2.5免费发布

声明：T客商业版和T客在线（tqun.com）没有关系哦，是我们的前同事 论坛ID“超人ない会飞 ”同学创作的，已离职，因此涉及商业模版问题请问“超人ない会飞 ”哦。或者以下QQ群交流。
另外，T客在线风格欢迎大家参考。下次改版时，也会继续免费放出。我们不反对他人在此基础上做收费版。

欢迎参观 T客在线 http://www.tqun.com/       原创模版免费发布，只求在底部加上T客在线的友情链接！手机导购草根新站需要您的支持~

安装并保留T客在线友情链接的朋友，请回帖留下您的网址和email，今后升级时将第一时间通知您，非常感谢您对T客在线的支持！

T客在线模板（地方社区版）下载地址：


UTF8版
门户版

【T客在线】模板附安装图文教程

【T客在线】精品模板 utf8编码门户版dzx 2.5

【T客在线】模板所用的简洁像素图标素材（打包下载）

1. 本帖目录
   
2. 一、小提示
   
3. 二、模板预览
   
4. 三、安装非常简单，安装说明
   
5. 四、首页可以自由DIY添加框架、模块，
   
6. 五、实例教程：首页DIY添加一个栏目“便民信息”
   
7. 
   
8. 2楼提供一些问题的解决方法

复制代码

一、小提示

（1）、首页调用的是论坛最新贴、最新图片贴之类，请稍微DIY修改提取栏目等规则即可。
（2）、一个抱歉和解释，头部为何有个固定广告
  我在头部文件的广告位置加入DIY模块后，DIY内容总是无法保存，一提交内容就没了（请教官方和各位牛人解
决），因一时半会解决不了，时间紧急，所以就直接把头部广告加在header文件里面了，可直接在模板修改

1. <div class="header_ad">
   
2. <a href="http://www.tqun.com"><img src="template/tqun/image/header_ad.jpg"></a>
   
3. </div>
   
4. 
   

复制代码

------------------------
    大家可以试试成可DIY的模块（我遇到的问题，你也许遇不到呢），可把 header文件 这段代码

1. <div class="header_ad">
   
2. <a href="http://www.tqun.com"><img src="template/tqun/image/header_ad.jpg"></a>
   
3. </div>

复制代码

修改为：

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

复制代码

（3）、关于为何和T客在线官方有所不同：
1、做T客在线时，dzx2.5还没出来，所以T客在线官方是基于dzx2.0做的开发，此模版是重新给dzx2.5开发的。
2、T客在线官方网站里面的很多功能之类，是有复杂的技术开发，非简单改模版能够做出来的，很多根本无法分享；
3、我是多年使用dz的个人老站长，放出的T客在线模板，是基于我对地方/行业社区的积累理解（例如对于大部分社区站来说，logo右侧放广告好于放搜索），并吸取了T客在线的视觉设计特色，力求通用性，并利于持续升级；
4、T客在线免费模板，真心想做到最佳优化，首先是求友情链接，二是作为dz老用户也用过很多免费模版，现在作为一个回馈分享，所以希望用此模版的人越多越好——实现此目标的方法就是不断优化、让T客在线模版尽可能的好。
5、看中T客在线某个特色，但放出的模板没有，欢迎参考模仿。因为我们人少精力有限，只好做通用性强、性价比最大化的工作；个别站的喜好，可能无法满足，还请谅解。O(∩_∩)O谢谢

二、模板预览

▲首页截图


▲新闻列表页截图


▲论坛首页截图


▲帖子页面截图

三、安装非常简单，安装说明——

    打开文件夹tamplate，把tqun放到tamplate目录里面
    进入后台——界面——风格管理，然后安装本风格，并设置为默认。
    进入后台——界面——界面设置——论坛首页，把 显示边栏 勾上
    进入论坛页面，点击DIY，然后导入diy目录下的forum_discuz.xml
    进入论坛帖子页，点击DIY，然后导入diy目录下的forum_viewthread.xml
    入门户页面，点击DIY，然后导入diy目录下的portal_index.xml

    进到后台设置论坛首页下级子版块横排为2   
OK，大功告成了

四、首页可以自由DIY添加框架、模块，
可供使用的模块样式模板有：
T客首页幻灯片
T客首页头条
T客首页要闻
T客图片栏目两行两列
T客图片栏目一行四张
T客首页文字栏目（右）
T客首页文字栏目（左）
T客首页最新精华
---
T客首页公告看板滚动
T客热帖排行榜
T客首页右边栏图集栏目
---
T客帖子查看页顶部图文

首页模块样式图示：


-------------------

五、实例教程：首页DIY添加一个栏目“便民信息”

1、先添加栏目标题行——添加一个展示类、静态模块、自定义HTML，具体代码如下：

1. <div class="f_tit">
   
2. <p class="y"><a href="http://www.tqun.com" target="_blank"><span class="fagao"></span>更多</a></p>
   
3.                 <span class="tit"><a href="#" target="_blank">便民信息
   
4. </a></span>
   
5. </div>

复制代码

2、在“栏目标题”下添加一个“1:1”的框架，删除框架标题；

3、在框架左侧添加一个帖子模块，设置模板样式为“T客图片栏目两行两列”，并提取带图片附件的，数量4，模

块标题填为“二手交换”即可；

4、在框架右侧添加一个帖子模块，设置模板样式为“T客首页文字栏目（右）”，提取板块范围，提取数量5，模

块标题填为“供求信息”；然后同样添加另外一个模块“促销团购”。        完成 ！

【T客在线】模板附安装图文教程

【T客在线】精品模板 utf8编码门户版dzx 2.5

【T客在线】模板所用的简洁像素图标素材（打包下载）

一、T客在线和放出的模板为啥不一样？
1、做T客在线时，dzx2.5还没出来，所以我们站是基于dzx2.0做的开发，整站建立在dz2.0的。
2、T客在线官方网站里面的很多功能之类，是有复杂的技术开发，非简单改模版能够做出来的，很多根本无法分享；
3、我是多年使用dz的个人老站长，放出的T客在线模板，是基于我对地方/行业社区的积累理解，并吸取了T客在线的视觉设计特色，力求通用性，并利于持续升级，
4、T客在线免费模板，真心想做到最佳优化，首先是求友情链接，而是作为dz老用户也用过很多免费模版，现在作为一个回馈分享，所以希望用此模版的人越多越好——实现此目标的方法就是不断优化、让T客在线模版尽可能的好。
5、看中T客在线某个特色，但放出的模板没有，欢迎参考模仿。因为我们人少精力有限，只好做通用性强、性价比最大化的工作；个别站的喜好，可能无法满足，还请谅解。O(∩_∩)O谢谢

二、首页提取的图片没有自动切图，还是原图，导致首页加载慢
我注意到，一些安装了T客在线模板的网站，首页图片栏目，提的图片好像都没有自动切图，可能导入过程中“一些模块设置”有问题，建议重新手工设置一下属性，例如模块样式（如果发现是自定义模块，就是有问题，需要选定一下），并设置好图片大小（顶部9张是310x233，其他小图是 120x90）

三、调试网站，建议使用火狐firefox，装个firebug（火狐应用中心搜索安装）

firebug非常简单，鼠标移到哪个块上，下面就对应它的代码，以及对应样式，而且可以直接修改代码和样式，查看效果；等你觉得ok了，再按调试代码修改网站文件。


以下问题新版已经完善，如果遇到，请参考：

一、肚子鱼反应顶部导航菜单最多只能3个字的（一般站3个字够了，4个字有点长），如果需要放4个字，可以自行修改

jd_common.css

1. #nv li a {
   
2. background: none repeat scroll 0 0 transparent;
   
3. height: 44px;
   
4. line-height: 44px;
   
5. padding: 0;
   
6. text-align: center;
   
7. width: 50px;
   
8. }

复制代码

将 50px;改大一些，例如 80px


二、lanjunhun  反映顶部右侧登陆、提醒区域增加“qq登陆”等，因太窄被挤下去的情况

修改image文件夹下样式表jd_common.css

1. #nv{background: none repeat scroll 0 0 transparent;
   
2. float: left;
   
3. height: 44px;
   
4. line-height: 44px;
   
5. overflow: hidden;
   
6. padding-left: 3px;
   
7. width: 600px;
   
8. }

复制代码

width:600px是指顶部主菜单左侧的总宽度，改小例如为width:400px，直到左右宽度够用


三、修改头部粗线的颜色、粗细
image文件夹里jd_common.css
#scbar{ border: none; background:none; border-radius:none; margin-top: 0;box-shadow:none;border-top:5px solid #dbdbdb}
其中border-top:5px solid #dbdbdb（5px是粗细、##dbdbdb是颜色）

四、如果logo变大（变小），想让粗线下移（上移）
修改image文件夹里的jd_common.css文件

.logo_ad{ text-align: left; display: block; width: 960px; height: 80px; float: left}
中的height: 80px;
以及
#hd { margin:0 auto; width:100%; height:135px; line-height:22px; background:url(header_bg.gif) repeat-x;}
中的height: 135px;两个数字一样加减。


-------------------

其实T客在线模板提供了一个框架模式，可以基于这个模板再做各种个性化DIY,希望能够帮到您

真正的好东西免费发放，童鞋们快来顶啊...

好棒的模版！！！！！！！！！！！

肚子鱼 发表于 2012-6-11 15:32
好棒的模版！！！！！！！！！！！

谢谢支持

顶部导航菜单 只能显示3个字

肚子鱼 发表于 2012-6-11 16:17
顶部导航菜单 只能显示2个字

我是没问题呀
你是什么浏览器呢？

底部  和搜索框 跟楼主的不一样啊

liveup 发表于 2012-6-11 16:20
我是没问题呀
你是什么浏览器呢？

是只能显示 三个字  因为楼主的导航菜单  只有 2个字啊

liveup 发表于 2012-6-11 16:20
我是没问题呀
你是什么浏览器呢？

是只能显示 三个字  因为楼主的导航菜单  只有 2个字啊