● 听雨轩风格V2 for Discuz 2.5【GBK/UTF8】【2013-04-13 更新】

vr4u · 发表于 2012-9-12 17:49:01

本帖最后由 vr4u 于 2014-3-12 09:57 编辑

=====/ 引子 /================================

听雨轩自从免费分享第一套模板以来，很多网站使用并提出了很多好的建议和意见。我一直在不遗余力的帮助大家解决各种各样的问题，以350多页的回帖为证。我觉得我收获不小，无论在技术还是为人。我依然固执己见的采用了数据调用，而不是DIY，可能有些新手朋友会不适应，拿了别人的模板一键导入，不做修改直接上线运营，我总觉得不靠谱。那么，从这个角度说，安装听雨轩模板的朋友，特别是新手朋友，可以让你更清晰的了解DZ的模板结构和数据调用，你可以“做”出不一样的、完全适合自己的网站风格，起码你知道什么东西在哪改，哪怕代码你一点也不会。

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

模板以截图为准，部分细节请参考听雨轩：http://www.TingYuXuan.net
-------------------------------------------------------------------------------------------------------------------------------------------

我的被骗经历：https://discuz.dismall.com/thread-3107968-1-1.html
-------------------------------------------------------------------------------------------------------------------------------------------

模板QQ群：251375547（请注明：听雨轩模板，否则拒绝）
-------------------------------------------------------------------------------------------------------------------------------------------

免费的模板，免费的技术支持
   你们看到的是我闪耀着的人性的光芒和高大的背影...而望尘莫及... 此处没有哈哈哈哈
-------------------------------------------------------------------------------------------------------------------------------------------
=====/ 模板安装 /=========================================================

模板名称：听雨轩 V2.0 for Dizcuz 2.5
模板简介：
此版本与前一版本天壤之别，进行了大量的更新和优化，保留了论坛的原始结构，多彩首页移动到了门户页，首页重写、帖子列表页图文混排（去掉了侧边）、帖子分页、帖子用户信息、以及导读页、广播、群组、淘帖、日志、分享、排行榜等也有大量修改和更新。第一版风格侧重论坛部分，这一版成为了体系，所有页面风格统一、干净、整洁。
-------------------------------------------------------------------------------------------------------------------------------------------

在线安装【建议】：https://addon.dismall.com/?@tingyuxuanv2.template
进入DZ的系统后台，“界面” - “风格管理” - “获取更多风格”，搜索【听雨轩】，然后在线安装。
-------------------------------------------------------------------------------------------------------------------------------------------

下载安装：下载后，在压缩包上点右键 -> “解压到当前文件夹”，然后将 tingyuxuanv2 上传到网站 template 目录下，后面的事情你们都知道的。

●  听雨轩风格V2.0 for Dizcuz 2.5【GBK】

●  听雨轩风格V2.0 for Dizcuz 2.5【UTF8】

=====/ 更新记录 /=========================================================

2013.04.13更新内 容 [手动更新，请看二楼第20条]
修正点击帖子右侧“顶”以后，提示“抱歉，您的请求来路不正确或表单验证串不符，无法提交”

2013.01.07更新内 容 [手动更新，请看二楼第19条]
修正 utf8版本登录后，头像的下拉菜单不显示。
2012.11.0更新内 容 [手动更新，请看二楼第18条]
修正 utf8版本注册处填写email的下拉菜单挤在一起。
2012.11.07 更新内容 [手动更新，请看二楼第17条]
修正 utf8版本页面顶部空白一条。【感谢 li362692680  提出问题所在】
2012.10.30 更新内容 [手动更新，请看二楼第16条]
修正页面顶部空白一条。
2012.10.26 更新内容 [手动更新请看二楼第15条]
修正 QQ互联使用QQ登录后不显示登录后信息【感谢最青年等发现问题，感谢巧手坊提供解决方法】
2012.10.21 更新内容 [手动更新请看二楼第12-13条]
修正 utf8版本【动态】页内容偏左
2012.10.08 更新内容 [手动更新，请看二楼第10条]
修正楼主右侧“楼主”二字超出范围
2012.9.22 更新内容
修正 UTF8版本页面居左的问题
2012.9.18 更新内容
修正帖子列表页在帖子列表顶部添加广告后，显示为一窄条
修正楼主信息处勋章区域过小的问题
2012.9.17 更新内容
修正  帖子列表页在特殊系统设置下显示不全

=====/ 模板问题汇总 /======================================================

/* 此模板的问题请回帖提出【问题+网址】。尽量解答帮助。*/
/* 已解答的问题汇总在 2楼，请查阅后再提问 */

=====/ 风格截图 /==========================================================

以下是门户页面

以下是论坛首页

以下是帖子列表页，图文混排

以下是帖子页

以下是导读

以下是相册

以下是分享

以下是排行

以下是日志

vr4u · 发表于 2012-9-12 17:49:33

本帖最后由 vr4u 于 2013-3-26 16:09 编辑

========================================================
提问前，请务必查阅以下内容，没有你要的答案再提问，否则不予回复
========================================================
问题和帮助汇总：
1、门户数据调用方法、步骤、资料【2012-10-12 更新】：

2012-10-12 更新内容：（请进系统后台把【近期节目调用模块】替换为下面内容）

[loop]
<div class="Rdimg"><a href="{url}" {target}><img src="{pic}" width="{picwidth}" height="{picheight}" title="{title}" /></a></div>
<div class="Rdnj tyxPNG"><a href="home.php?mod=space&uid={authorid}" {target} title="NJ: {author}"><img src="{avatar_middle}"/></a></div>
<ul class="RdInfo">
      <li class="l1"><strong><a href="{url}" title="{title}" {target}>{title}</a></strong>{dateline}</li>
      <li class="l2">已有 {views} 人听过，{replies} 人评论</li>
</ul>
[/loop]

2、帖子列表页面图文混排，请将版块开启图片列表模式：
   论坛 - 版块管理 ->“编辑” - 扩展设置 - > 开启图片列表模式：是

3、顶部信息修改（导航等）：
   维持特殊的设计效果和体验，只能请你修改模板文件来适应自身网站的需求
   GBK版本 顶部文件请修改/template/tingyuxuanV2/common/header.htm
   UTF8版本 顶部文件请修改/template/tingyuxuanV2/common/header_tyx.htm

   底部文件请修改/template/tingyuxuanV2/common/footer.htm

4、帖子列表页错位，标题成了一个竖长条。原因是论坛公告的表格与下方表格错乱。解决方法：
   ① 下载1楼发布的最新安装包
   ② 解压后将
   forumdisplay.htm
   forumdisplay_list.htm
   recommend.htm
   这3个文件上传到你的网站 /template/tingyuxuanv2/forum 下，覆盖原有文件
   ③ 系统后台清空缓存ok

5、修改LOGO图片、大小：
   ●  LOGO图片：/template/tingyuxuanv2/images/header_logo.gif 替换此图片。
   ● 修改LOGO大小：/template/tingyuxuanv2/common/extend_common.css
   58-60行，如果有两行 #logo{.......}一模一样，删掉一行。将
      #Logo{ width:130px; height:46px; overflow:hidden;}
      #Logo h1{ padding:0; margin:0; width:130px; height:46px; overflow:hidden;}
   修改为：
      #Logo{ position:absolute; top:20px; left:0; width:130px; height:46px; overflow:hidden;}
      #Logo h1{ padding:0; margin:0; width:130px; height:46px; overflow:hidden;}
   粗体部分，修改为你logo的宽和高；蓝色部分数值越大，越靠下。自行修改。

6、修改撕纸的蓝天白云背景：
   蓝天白云图
   /template/tingyuxuanv2/images/weather/weather1.jpg
   蓝天白云的蓝色背景图
   /template/tingyuxuanv2/images/weather/weather1_bg.png
   我们仰望的天空：
   /template/tingyuxuanv2/images/banner_title.png
   我们仰望的天空下方小字：
   门户页 /template/tingyuxuanv2/portal/index.htm
   论坛首页 /template/tingyuxuanv2/forum/discuz.htm
删除蓝天白云及撕纸部分：
以删除论坛首页为例：打开 template/tingyuxuanv2/forum/discuz.htm 删除以下内容：
<div id="Banner">
<div class="Weather_duoyun">
      <div class="WeatherImg">
         <div class="WeatherMaskTop tyxPNG">
            <div class="WeatherMaskBtm tyxPNG">
                  <div class="Content">
                     <div class="NRtxt tyxPNG">啦啦啦啦啦啦</div>
                  </div>
            </div>
         </div>
      </div>
</div>
</div>
<div id="BannerReel"></div>

门户模板是：template/tingyuxuanv2/portal/index.htm 同样删除以上代码。清空系统后台缓存。

7、帖子页楼主信息错位，设置的显示的内容太多
   解决：系统后台-界面-界面设置->帖子内容页，最后有“设置用户信息显示的位置”。把其中的“帖内左侧”下面的单选框的勾，全部去掉。

8、9.22日之前安装的utf8版本，页面偏左，修正方法：
   ①  备份：/template/tingyuxuanv2/common/header.htm
   ②  下载1楼最新的安装包，将包里的：
   /template/tingyuxuanv2/common/header.htm
   /template/tingyuxuanv2/common/header_common.htm
   /template/tingyuxuanv2/common/header_tyx.htm
   上传到/template/tingyuxuanv2/common/ 下，覆盖原有文件
   ③ 系统后台清空缓存ok 。
   ④ 如果之前修改过顶部链接文字和链接地址，将备份的header.htm 中，
   从【】至【】复制到
   /template/tingyuxuanv2/common/header_tyx.htm 中的
【】至【】

9、楼主右侧 “楼主”二字超出范围。修正方法：
   /template/tingyuxuanv2/common/extend_common.css 558行左右：
   .PostInfo .pi{ .............省略............... }
   改为：
   .PostInfo .pi{ margin:0 10px 0 0; border:none;}

10、视频展厅插件左右满屏显示，修改为居中显示，修改方法：
   ① /source/plugin/vgallery/template/gallery_index.htm 23行左右：

<div class="bm bml">
<p class="tbmu{if !$fid && !$sid} bw0{/if}">
<a hideFocus href="{PDIR}&tion=list">全部</a>
<span class="pipe">|</span><a hideFocus href="{PDIR}&tion=list&fid=$datarow[sid]"{if $fid==$datarow[sid]} class="a"{/if}>$datarow[sort]</a>
</p>
</div>

复制代码

在这一段的上面，添加下面一句：

<div style=" margin:0 auto; width:960px;">

复制代码

② 这个页面的最后有这样一句：

{subtemplate common/footer}

复制代码

在这一行的上面，添加下面一句：

</div>

复制代码

③ 这些修改保证了视频展厅首页居中显示。
视频展厅其余的个别页面也需要进行类似的修改，这里不再具体提出修改方法，说一下大体步骤：
打开的“视频展厅”满屏的页面根据地址，可以在视频展厅的模板目录 /source/plugin/vgallery/template 找到对应的模板；
按照以上两步进行同样的修改即可。

11、个别用户模板，底部遮挡了网页底部的地板背景，解决：272楼

12、无。

13、utf8版本【动态】页面偏左显示，修正：
下载下面的压缩包，将解压后的 space_home.htm 覆盖到：
template\tingyuxuanv2\home\space_home.htm
系统后台清空缓存。

14、帖子页面，标题与标题前面的小图标重合，修正方法：
https://discuz.dismall.com/thread-3101379-32-1.html 第311楼

15、使用QQ登录后不显示登录后信息。
GBK版本修正方法：
/template/tingyuxuanv2/common/header.htm 119-122行：

<div class="toLogin"><a href="member.php?mod=logging&action=login" onClick="showWindow('login', this.href)" title="用户登录">{lang login}</a> <span class="pipe">|</span> <a href="member.php?mod={$_G[setting][regname]}" class="xi2 xw1" title="注册新用户">$_G['setting']['reglinkname']</a></div>
<div class="otherLogin">快速登录：<a href="connect.php?mod=login&op=init&referer=forum.php&statfrom=login_simple"><img src="{IMGDIR}/qq_login.gif" alt="用QQ号登录" /></a></div>

复制代码

修改为：

<div class="toLogin"><a href="member.php?mod=logging&action=login" onClick="showWindow('login', this.href)" title="用户登录">{lang login}</a> <span class="pipe">|</span> <a href="member.php?mod={$_G[setting][regname]}" class="xi2 xw1" title="注册新用户">$_G['setting']['reglinkname']</a></div>
<div class="otherLogin">快速登录：<a href="connect.php?mod=login&op=init&referer=index.php&statfrom=login"><img src="{IMGDIR}/qq_login.gif" alt="用QQ号登录" /></a></div>
<div id="um">
<div class="HadLogin">
<div class="uleft">
<div class="uname">
<strong class="vwmy qq">{$_G[member][username]}</strong>
<span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>

复制代码

utf8版本修正方法：
/template/tingyuxuanv2/common/header_tyx.htm 72-75行，修改方法如上。

16、页面顶部空白一条，修正：
GBK版本：
/template/tingyuxuanv2/common/header.htm  48行：
<div id="ContainerHead">
改为：
<div id="ContainerHead" style="float:left; width:100%;">
210行：

在这一行的上面增加一行：
<div class="clear"></div>
utf8版本：
/template/tingyuxuanv2/common/header_tyx.htm 第1行：
<div id="ContainerHead">
改为：
<div id="ContainerHead" style="float:left; width:100%;">
最后一行的下面增加一行：
<div class="clear"></div>

17、utf8版本页面顶部空白一条，修正：
   方法1：使用Dreamweaver 打开你的 /template/tingyuxuanv2/common/header_tyx.htm
               进行如下操作：“修改”  - “页面属性” - “标题/编码”---->【包含Unicode的签名(BOM)】前面的勾去掉。
   方法2：1、将你站点的 /template/tingyuxuanv2/common/header_tyx.htm  改名为：header_tyx-old.htm
               2、下载最新安装包，解压，打开 /template/tingyuxuanv2/common/header_tyx.htm
               3、下载你站点上的/template/tingyuxuanv2/common/header_tyx-old.htm
               4、将 header_tyx-old.htm 中的全部内容，覆盖到header_tyx.htm 保存
               5、将header_tyx.htm 上传到/template/tingyuxuanv2/common/ 下。
18、注册处填写email的下拉菜单挤在一起，修正：
   \tingyuxuanv2\common\header.htm  32行：
   <div id="append_parent" style="line-height:0;"></div><div id="ajaxwaitid" style="line-height:0;"></div>
   改为：
   <div id="append_parent"></div><div id="ajaxwaitid"></div>

19、utf8版本，登录后，右上角头像不显示下拉菜单，修正：
在 /template/tingyuxuanv2/common/header_tyx.htm 的最后一行附加上这些代码：

<div id="sslct_menu" class="cl p_pop" style="display: none;">
<span class="sslct_btn" onClick="extstyle('')" title="{lang default}"><i></i></span>
<span class="sslct_btn" onClick="extstyle('$extstyle[0]')" title="$extstyle[1]"><i style='background:$extstyle[2]'></i></span>
</div>
<div id="qmenu_menu" class="p_pop {if !$_G['uid']}blk{/if}" style="display: none;">
<ul>
<li>$nav[code]</li>
</ul>
<div class="ptm pbw hm">
{lang my_nav_login}
</div>
</div>

复制代码

20、关于“顶一下”抱歉，您的请求来路不正确货表单验证串不符，无法提交。感谢翌俊提供方法。

打开viewthread_node.htm
forum.php?mod=misc&action=recommend&do=add&tid=$_G[tid]
搜索这个
在后面加上&hash={FORMHASH}
但是模版还有一处也要加，也是后面的一个按钮。
再搜索 forum.php?mod=misc&action=recommend&do=subtract&tid=$_G[tid]
同样加上&hash={FORMHASH}
更新模版缓存。这样你的问题就解决了。

阿清＆凌少 · 发表于 2012-9-12 17:59:25

www.deyanger.com围观一下。

广告 · 发表于 2012-9-12 19:37:57

不错支持下。。。

问七问八 · 发表于 2012-9-12 19:57:38

不错

免费风格和插件，问题求助、交流，请到http://www.winqb.com

欢迎大家来瞧瞧 - http://www.chaxb.com 深圳论坛

美女、性感、想看mm请到http://www.winqb.net

lmdnqlm · 发表于 2012-9-13 01:15:37

我也来支持一下！
没有下载链接？

°妖_孽 · 发表于 2012-9-13 15:09:41

谢谢楼主终于等到了哈哈 ~~太激动了。

767320753 · 发表于 2012-9-13 16:46:37

好期待，希望能快点发布2.5的，这个模板正适合我论坛的主题，期待

男巫什么佛 · 发表于 2012-9-13 16:51:03

占位等下载哈

奇趣生活馆 · 发表于 2012-9-13 22:42:18

很喜欢呢，听雨轩那里的音乐真的很美妙呢

		自动登录	找回密码
密码			立即注册

[发布] ● 听雨轩风格V2 for Discuz 2.5【GBK/UTF8】【2013-04-13 更新】

本帖子中包含更多资源

评分

本帖子中包含更多资源