Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【从适应DX不断更新入手】原版风格+创新修改_简约并不简单~【附教程】

[复制链接]
jogay 发表于 2011-4-3 15:10:06 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! X1.5
语言编码: GBK简体 
风格转换者: 原创
本帖最后由 jogay 于 2011-4-3 15:23 编辑

http://linqing5.s40.myverydz.com/forum.php?mod=forumdisplay&fid=2

主题思想:适应不断更新的DX,迎接DX2.0,2.5,3.0
开始用其他的模板,但绝大多数模板都是适应于一个特定的版本,比如X1模板,X1.5模板。。。
为了适应不断更新,必须从DX原版出发,做最小,最必要的修改,达到适应的效果

【原版修改的地方】
1:去论坛导航长条 【ok】
2:帖子列表 【ok】
3:主题分类及扩展 【ok】
4:新窗口打开【ok】
5:帖子筛选【ok】
6:头部登陆精简【ok】
-----------------------------
7:html 头部二级导航【ok】
8:diy_html 分类信息页【ok】
9:diy_html 论坛列表页【ok】

[重点修改]
1:主题列表区 (forumdisplay_list.html)
2:分类信息页(修改的portal.html)
3:论坛列表页(discuz.html)


如果反应热烈,需求量大的话,就马上共享~


=====================================================
附教程

1:去除论坛主题页导航(1:没大必要 2: DX2.0有左边导航)
修改方法:
去除template\default\forum\forumdisplay.html
<div id="pt" class="bm cl">
<!--{subtemplate common/simplesearchform}-->
<div class="z">
  <a href="./" id="fjump"{if $_G['setting']['forumjump'] == 1}{/if} class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a> $navigation
</div>
</div>
2主题列表
对应DX页:forumdisplay_list.htm      Css: module.css
主题列表字体大小(后台主题编辑)
{THREADTITLEFONTSIZE}:14->12px

帖子高修改:
.tl td, .tl th { padding: 5px 0;  改为0

回复/浏览样式修改:.
.tl cite, .tl .num em { display: block; }  
改为:  .tl cite {display: block; }
        .tl .num em{}
A/B修改:
<td class="num"><a href="forum.php?mod=viewthread&tid=$thread[tid]&extra=$extra" class="xi2">$thread[replies]</a>/<!--{if $thread['isgroup'] != 1}-->$thread[views]<!--{else}-->{$groupnames[$thread[tid]][views]}<!--{/if}--></td>
改颜色
.tl .xi2 { color:green}
回复/浏览 文字居中
  添加 .tl td.num{text-align:center}

实现主题自动换行: <th class="$thread[folder]"  style="width:615px"> (安全隐患,待)

3:主题分类模块
对应DX页:forumdisplay_list.htm      Css: module.css
ps:还有点击不变色不足;根据all的启发,研究所谓的g_id...
精华投票和主题分类混点的bug,所以必须全连接静态重写;
  用if  else 特殊化 首页  其他版块无影响
精华和推荐的其他版块补充
<!--{if $_G[fid]==2}-->         
        
<li><a href="http://linqing5.s40.myverydz.com/forum.php?mod=forumdisplay&fid=2&filter=typeid&typeid=2"> 关注临清</a></li>
<li ><a href="http://linqing5.s40.myverydz.com/forum.php?mod=forumdisplay&fid=2&filter=typeid&typeid=3"> 求助</a></li>
<li><span class="pipe">|</span></li>
<li ><a href="http://linqing5.s40.myverydz.com/forum.php?mod=forumdisplay&fid=2&filter=specialtype&specialtype=poll"> 投票</a></li>
<li><a href="http://linqing5.s40.myverydz.com/forum.php?mod=forumdisplay&fid=2&filter=digest&digest=1" class="xi2">{lang digest_posts}</a> </li>

<!--{else}-->   
      <!--{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}-->
  <!--{/if}-->

<!--{/if}-->

4:新窗口打开

根目录\static\js\forum.js
atarget函数:改成
function atarget(obj) {
obj.target = getcookie('atarget') ?  '': '_blank';
}
然后把‘打开新窗口’改成‘本窗口打开’ 修改如下:
forumdisplay_list.html文件中:
<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>

5:主题排序&主题筛选
对应DX页:forumdisplay_list.htm      Css: module.css
替换为:
     <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="本窗口打开">本窗</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>

6:头部精简
用户组=>变成“等级”
在header.html
{lang usergroup}改为‘等级’
删除‘好友’         
在头部文件header.ht1ml中
<a href="home.php?mod=space&do=pm" id="pm_ntc"{if $_G[member][newpm]} class="new"{/if}>{lang pm_center}<!--{if $_G[member][newpm]}-->($_G[member][newpm])<!--{/if}--></a>


7:改头部的二级导航
不用系1统自带的二级导航后台设置,在广告区加代码,见Q硬 盘
8:分类信息
用的首页的模板,直接加的D iy_html 源 码图片见Q 硬 盘
9:论坛版块改
用的论坛列表页,直接加的Diy_html 源1码图片见Q硬 盘
discuz.html  删除原来的论坛列表和会员主题数等模块。删除代码见下

<div id="chart" class="bm bw0 cl">
  <!--{if $_G['uid']}--><p class="y


<div class="fl bm">
  <!--{loop $catlist $key $cat}-->
  








╭`lílé_XOX_x 发表于 2011-4-3 15:23:49 | 显示全部楼层
顶  好帖子哦。。。
回复

使用道具 举报

 楼主| jogay 发表于 2011-4-3 15:26:15 | 显示全部楼层
回复 ╭`lílé_XOX_x 的帖子

谢谢支持~
回复

使用道具 举报

yizucn 发表于 2011-4-3 15:53:02 | 显示全部楼层
没看懂啊!
回复

使用道具 举报

 楼主| jogay 发表于 2011-4-3 17:51:02 | 显示全部楼层
回复 yizucn 的帖子

汗,看来我没表达好。呵呵
回复

使用道具 举报

gushiyue 发表于 2011-4-3 18:01:35 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

foolart 发表于 2011-4-3 18:09:50 | 显示全部楼层
gushiyue 发表于 2011-4-3 18:01
好一个简约不简单

的确 好一个简约不简单  支持
回复

使用道具 举报

mayanyu 发表于 2011-4-3 19:12:50 | 显示全部楼层
谢谢,支持一下
回复

使用道具 举报

飞行小子008 发表于 2011-4-3 19:13:13 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

fengchujun 发表于 2011-4-3 19:58:48 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 09:27 , Processed in 0.038392 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表