【收费免费模板都没有，不花哨但实用修改大全】+ 修改文档注释版【提供下载】

2.23日

恩，谢谢您的关注，我现在每天没事就研究研究，正研究分类信息呢。。。每天不少的突破，感觉挺充实的，这教程，我暂时只能粗略的发些代码，毕竟我要细心的解释说明我的代码，需要大量的时间，随便上传点只有我能看懂的代码，感觉挺不负责，我目前想，通过展示的方法，发布下自己研究的进程，等全部完的时候（感觉也快完了），我再把每个细节好好整理下，发布。所有的东西。

我相信肯定会很火，因为我之前自己不想自己研究，‘拿来主义’，结果几乎没有相关的资料，汗，如此高手云集的DX论坛，竟然没有。于是我自己研究了，所以我要发这个教程，来弥补空缺吧，要各个细节的说明，得需要大量的时间，毕竟自己明白相对简单，讲给别人听，就要图文结合的方式。还有些朋友一点基础都没有，更是难上加难！

菜鸟朋友们慢慢等等吧，等我完成我想做的，然后再统一整理我所有的改动教程，然后再注释，自制模板所用到的‘DX源文件’，还有我知道核心的原理等，敬请期待。如果最后我感觉效果还可以，有人要模板的，最后再共享下，所有的模板。

现在的愿望：
1：研究完我想做的，自己搞地方网站，临清网站
2：把自制模板用到的所有的DX源文件，都详细的注释下，方便您我
3：把自己这个多天修改的东西，都系统的整理成教程，弥补教程的空缺（因为我没找到相关教程，才自己研究的，不过我学到很多东西，正因为这样，我才教程的）
4：最后，如果我对自己的最终作品满意，需求量大的话，发布模板，提供下载
5：有时间研究下，插件怎么弄的，做完这个，也算开了个好头，再研究下php，真正做到，想要什么，就能做出来，像地宝网那样，好崇拜他们的开发团队。
6：另外，大家有什么好的建议，尽量的提出来，如果我感觉好，我就帮您实现（如果我能做到的话）

有支持，有回复，就表示有关注，更表示需要量就大，我就有热情继续把教程写下去，如果没大人理你，能写下去吗？何况我一不卖金币而不做广告，完全免费的。谢谢支持。
===========================================

2.20日晚。。。感觉得有很多人需要呢，看看回复量，还是我自己顶了好几次的成就，伤心啊，就到这吧，帖子沉下去吧。本来以为我写的这个会对XX有很多帮助，没想到都是，看看路过的过客。低调的走下去吧
没关注，真没什么动力。 不续写了。同时谢谢曾经回复的朋友们，感觉已经写的教程，还是比较有价值的，大家好好看看吧，就不删了。
END！！！！！！
说明:因为是边研究，边发教程，所以时间比较仓促，以下的教程没经过整理，就贴上边了。可能有些混乱，或者朋友们看不懂，我会在这个研究阶段完成后，系统的整理下，您的关注，就是我的动力，谢谢


【菜鸟同行教程，内容简介】
首先声明，我也是一个菜鸟！如有误导，请见谅，仅供参考，仅为启发思路！
分享模板自制思路，一定对您有帮助，绝对要看，真的，在【附件下载】下边，我想说的是，自制模板其实不像想象的那么难。

==================================================
【完成的项目】
1：手动扣取地宝网(头部+分类信息+个性)
2：模板关键性文件，粗略研究，注释成功，提供下载，见下！
3：个性化论坛主题列表[ 如下图]    帖子间距变小，更好看+点击/回复从上下变为左右方式

4:  个性论坛主题上方[如下图]    筛选方式由不方便的菜单，到横排的列表，并去除不太常用的项
[马上完成_部分教程见下]


5：新窗口打开，最正规的方法+好看的样式  （教程见下）



6 主题帖子相间背景，挺好看






【将要研究的项目】
1：分类信息模块
2：头部
========================================
(EM:133:)个性论坛主题上方[如下图]    筛选方式由不方便的菜单，到横排的列表，并去除不太常用的项


【修改方法】

【帖子列表以上区】
对应DX页：forumdisplay_list.htm      Css: module.css
1： 全部，精华 /  主题类别区  ：   

<style>
/*tab*/
.tabA .closeicon{margin-top:5px;height:16px;}
.tabA{border-bottom:2px solid #ff6600; height:34px;}
.tabA ul{ _position:relative; padding-top:3px;}
.tabA li{float:left;margin-right:3px;padding-top:3px;}
.tabA li a{float:left; color:#666666; line-height:30px; height:28px; width:84px; text-align:center; font-size:14px; overflow:hidden; background:url(images/taba.gif) no-repeat;}
.tabA li a:hover{ text-decoration:none; color:#000;}
.tabA li.current a{line-height:32px; height:30px; color:#fff;border-bottom:0; background-position:right -40px; margin-top:-2px; font-weight:bold;}
.tabA li.com a{background-position:right -80px; color:#BD4B00;}
.tabA li.right { float:right; margin-top:-6px;}
.tabA li.right a{ background:0; width:auto; height:auto;}
.mr10{margin-right:10px;}
</style>


<div class="tabA">
<ul class="cc">
        <li class="current"><a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_G['gp_archiveid']}&archiveid={$_G['gp_archiveid']}{/if}">全 部</a></li>
  <li ><a href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=digest&digest=1$forumdisplayadd[digest]{if $_G['gp_archiveid']}&archiveid={$_G['gp_archiveid']}{/if}">精华</a></li>
  <li class="right"><a href="/nanchang/" class="mr10"><img alt="刷新列表" src="images/refresh.gif" /></a><a href='JavaScript:' onclick=showViewLog('/pw_ajax.php','action=bigpost&fid=145');> <img alt='发表新贴' src='images/newtopic.gif' /></a></li>
</ul>
</div>

二次修改：精简实用版
<ul class="cc">
        <li class="current"><a href="forum.php?mod=forumdisplay&fid=$_G[fid]">全 部</a></li>
        <li ><a href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=digest&digest=1">精华</a></li>                     
       <li ><a href=" forum.php?mod=forumdisplay&fid=$_G[fid]&filter=specialtype&specialtype=poll">投票</a></li>
       <li ><a href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=digest&digest=1&specialtype=poll">投票精华</a></li>  
</ul>

下边分类主题：加个【投票】主题筛选：见下代码
<!--{if $_G['forum']['threadtypes']}-->
   <!--{loop $_G['forum']['threadtypes']['types'] $id $name}-->
    <li{if $_G['gp_typeid'] == $id} class="xw1 a"{/if}><a href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=typeid&typeid=$id$forumdisplayadd[typeid]{if $_G['gp_archiveid']}&archiveid={$_G['gp_archiveid']}{/if}"><!--{if $_G[forum][threadtypes][icons][$id] && $_G['forum']['threadtypes']['prefix'] == 2}--><img class="vm" src="$_G[forum][threadtypes][icons][$id]" alt="" /> <!--{/if}-->$name</a></li>
   <!--{/loop}-->
                     <li ><a href=" forum.php?mod=forumdisplay&fid=$_G[fid]&filter=specialtype&specialtype=poll">投票</a></li>
  <!--{/if}-->

<ul id="thread_types" class="ttp bm cl">   从这个下，提到这个上就行了，见蓝色

.ttp {   border-width: 2px 0 0;   }-->  .ttp {   border-width: 0 0 0 0;   }

2:  发帖   返回 页码区 修改

加：搜索
   simplesearchform.htm 中
  1：  .y(float:右) 改为 .z  ( float:左)
  2：  去掉：<td><a href="search.php" target="_blank" id="sctype" class="showmenu">{lang search}</a></td>
把 <div id="pt" class="bm cl">
<!--{subtemplate common/simplesearchform}-->
<div class="z">
移动到：
  <!--{subtemplate common/simplesearchform}-->
    <!--{hook/forumdisplay_postbutton_top}-->
   </div>

3: 论坛导航区修改：

@：修改 根目录\source\module\forum\forum_forumdisplay.php文件  把 &#8250;  改为： >
然后把第一个 >  改为 ：
@：common.css 中
改为
/* 面包屑导航 #pt --> Path */
#pt { margin-bottom: 10px; height: 32px;    line-height: 32px; }
  #pt a, #pt em { float: left; height: 32px; }
  #pt em { width: 15px;    }
@：forumdisplay.html中
改为：
<div id="pt" class="  cl">
<div class="z">
  <a href="./"      >当前位置</a> $navigation
</div>
</div>

4: 主题筛选/排序区   把菜单式 改为 一目了然的 横排式

修改代码：
对应文档：forumdisplay_list.html
改为：
  <div class="tf">
      <span id="atarget" {if !empty($_G['cookie']['atarget'])}onclick="setatarget(0)" class="y atarget_1"{else}onclick="setatarget(1)" class="y"{/if} title="{lang new_window_thread}">{lang new_window}</span>
       筛选:
    <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &filter=author&orderby=dateline&dateline=2592000">发帖时间</a>
    <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &filter=reply&orderby=replies&dateline=2592000">查看回复</a>
      <span class="pipe">|</span>
       时间：
     <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &orderby=lastpost&filter=dateline&dateline=86400">一天</a>
     <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &orderby=lastpost&filter=dateline&dateline=172800">两天</a>
     <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &orderby=lastpost&filter=dateline&dateline=604800">周</a>
     <a href="forum.php?mod=forumdisplay&fid=$_G[fid]& &orderby=lastpost&filter=dateline&dateline=2592000">月</a>
     </div>

5：新窗口打开，最正规的方法+好看的样式  

默认主题‘本窗口打开’，点击小按钮，改为‘新窗口打开’
现在颠倒下， 改为
默认‘新窗口打开’，点击小按钮，改为‘本窗口打开’

最正规的修改：
1： 根目录\static\js\forum.js
找到 atarget函数
改成
function atarget(obj) {
obj.target = getcookie('atarget') ?  '': '_blank';
}
2：把‘打开新窗口’改成‘本窗口打开’    修改如下：
根目录\template\default\forum\forumdisplay_list.html文件中：
找到类似的  <span id="atarget".........</span>代码，用下边的替换即可
<span id="atarget" {if !empty($_G['cookie']['atarget'])}onclick="setatarget(0)" class="y atarget_1"{else}onclick="setatarget(1)" class="y"{/if} title="{lang new_window_thread}">本窗口打开</span>

6 主题帖子相间背景，挺好看

在forumdisplay_list.html中
<tbody id="$thread[id]">
     <tr    style="{if ($key%2) ==1}background-color:#f7f7f7{/if}"   >
     
          <!--主题前置图标-->
      <td class="icn">
白色+ 灰色#f7f7f7
帖子间隔线：module.css中
.tl td, .tl th { padding: 0px 0; border-bottom: 1px dotted #ddd;}






(EM:133:)PS：先写这些，还在苦读代码中，不断更新，谢谢朋友关注，待。。。

占个位置，备用

感谢分享~~

哥们我也是菜鸟  顶你。

回复 cnrx 的帖子

感谢回复，我会慢慢做的，呵呵

小菜鸟飞过

嗯。这样的帖子对于初学者真是不错！谢谢楼主！期待......

我要用力的顶一顶

自己顶下，希望帮助更多人