商业源码 discuz论坛模块模板的修改
<div class="module cl xlxl1"><ul>[loop]<li><em style="float:right; padding-right:10px;">{dateline}</em><label><a href="{forumurl}"{target}style="color:#ff6600">[{forumname}]</a></label> <a href="{url}" title="{title}"{target}>{title}</a></li>[/loop]</ul></div>
1、 heade r htm ----
-------﹣页面头部
2、 discus htm --------
论坛首页
3、 footer htm ----
﹣一一一一
页面底部
4、 viewthrea d -----
查看帖子内容 discuz ，论坛的页面通常是几个模板文件共同作用下达到的效果。
扩展资料
dis cu z 论坛搭建及模板修改过程﹣﹣仅限给新手
此文谨献给新手，请高手飘过 d is c u z 论坛搭建及模板修改过程
看此文前提要懂点 html 跟 css 。不然看了估计也不会太懂。建站就要有源程序，有了源程序要让别人看到，怎样才能看到呢？买域名空间。买了域名空间别人还是看不到、要怎么做，上传源程序，安装、调试，工作正常就是一站了。、此处是废话、看下边。
第一步。域名空间就不说了。最好备案哈。貌似论坛也得备案。弄源程序传到空间内，确定是 gbk 还是还是utf8的。下面有用、前提域名解析好，
第二步。输入域名类似、 install /转到 install 目录下，按提示安装、要是不会配置就到官网看下、其实很明白的，只是本文的重点不在这里。
第三步，安装成功后会有提示。下面就是模板了，这个是本文的重点、以下不再分步骤了、别用鸡蛋砸我、从小作文不好。语句不连贯。
一般安装好后都是那个蓝色的模板。我看起来感觉不是太好看、相信大多人也有想换皮肤的感觉。好。我们这就找皮肤去一般来说我们会在 c hina z 上找或者到 dz 上找、 dz 上好的大多收费、所以我们 go o gle 下 dz 论坛风格，应该还能搜出来不少的，呵呵，看你喜欢哪一种，下载前看好版本号。本
文以dz7为例，版本号不对是不成的、需要修改好多地方。所以还是先看好版本号再下、另外看是 gbk 还是utf8的，这个影响也比较大，都会出现乱码。让你找不到北。所以还是谨慎点。，模板覆盖前做好备份、省的出现问题了不好补救、。我的论坛是utf8的、风格还真不好找、找了好几天也没找到合适的、最后自己在别的基础上修改了一个、哎。想来想，还是劝大家直接装 gbk 的吧，不然后期麻烦多多。
说说几个重要的文件、
header htm 这个文件跟名字一样包含了头部的信息， meta 标签信息，及 js 代码包含还有个人信息导航、可根据需要修改。这个一般不需修改。 meta 额外标签可以在后台直接添加， js 这个可以根据需要在模板里添加。
css _ common htm 这个文件是整体的
样式表，基本上都集中在这里，可以
根据需要自己修改、如果想给 body 的
scrollba r 加点颜色，在指定 html 的
doctype 的情况下是没有作用的。
首先看一下图示：
就像上面两张图中的悬浮提示信息，带有漂亮的箭头。
接下来我们分步骤的来讲解！
一、触发该浮动Tip的JS函数：showMenu();
static\js\commonjs文件872行，就是这个函数的定义。这段函数你看不懂没关系，会使用就行了，下面我们来讲解如何使用。
二、showMenu()的使用方法：
上面降到的这个函数定义的JS文件，它在DZ的核心JS中，所以我们使用的时候不必重新载入文件，因为系统已经早帮你加载过了，所以直接使用就可以，但是前提条件是必须在DZ系统中，比如DZ的任何页面模版文件中，插件、单页的模版文件中等等（怎么制作Discuz!单页），超出DZ系统意外，就不能使用了。
首先，得明确，这个效果必须由两部分组成：
1、显示层（直接在模版中显示的内容，鼠标移动上去后触发该浮动层）；
2、隐藏悬浮层（这个默认是隐藏的，不显示的，只有鼠标放在显示层上，才会触发显示）。
所以，我们分别建立两个组成部分。
效果如下图：
当鼠标放在文字上时，悬浮层激活，显示出来。
需要注意的是：
上面讲的是函数的基础功能，下面我们开始细化讲解，将悬浮美化，带箭头。
三、带箭头的悬浮Tip
看上面效果，也许弹出层的位置和箭头的位置并不是我们理想的位置，可以调节 <div id="test_menu" class="tip tip_4" style="display: none;"> 和 <div class="tip_horn"></div> 这两个层的CSS样式，左边加入距离就可以微调，比如：
看上面，悬浮弹出的位置是不是向左微移了一点，这里的margin-left:-100px;就是说向左移动100像素
同理，箭头要向右移动，如下： <div class="tip_horn" style="margin-left:110px;"></div>
如上图，箭头已经右移了110个像素。
另外，如果要修改弹出浮动层的宽度，高度，也可以在那个区域加入CSS，定义宽度，高度值。
如果想在默认模板上简单的修改、附加扩展css，只需要在你对应的模板套系下手动添加一个对应的扩展css文件就可以了，例如你想修改或者添加commoncss中的代码，只需要在自己创建的模板套系目录的对应位置：common文件夹下新建一个extend_commoncss文件，然后将自己要修改或者扩展的css代码。将在生成缓存css时，自动追加到默认模板的css文件tmplate/default/common/commoncss解析成你当前的模板id缓存文件。
CSS 继承规范：
Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并：
template/default/css 文件。
当默认模板是非默认模板时，template/模板目录/extend_css 文件 或 template/模板目录/css。
当某插件启用时，source/plugin/插件目录/template/extend_css 文件。
因此非默认模板目录中的 CSS 属性将继承默认模板中的 CSS 属性，插件目录中的 CSS 文件将继承前二者的 CSS 属性。
CSS 自身的集成顺序为：当 CSS 属性名称相同时，CSS 文件中，写在后面的替换前面的代码。
CSS书写规范：
属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：class { width: 400px; height: 300px; } 。
属性的书写顺序：
位置：position,left,right,float
盒模型属性：display,margin,padding,width,height
边框与背景：border,background
段落与文本：line-height,text-indent,font,color,text-decoration,
其他属性：overflow,cursor,visibility,
针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
按照元素模型由外及内，由整体到细节书写，大致分为五组：
谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式
选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 cl -> Clearfix
勿使用冗余低效的 CSS 写法，例如：ul li a span { }
慎用 !important
建议使用在 class/id 名称中的词语
表示状态：a->active
表示结构：h->header,c->content,f->footer
表示区域：mn->main,sd->side,nv-navigation,mu->menu
表示样式：l-list,tab,p_pop
常用css实例：
兼容IE浏览器css hack
所有 IE浏览器适用：
ie_all foo { }
IE6 专用：
ie6 foo { }
IE7 专用：
ie7 foo { }
IE8 专用：
ie8 foo { }
浮动样式及浮动元素父元素高度自适应样式代码：
z/y 浮动 left/right z { float: left; } y { float: right; }
cl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } cl { zoom: 1; }
大标题字体：
wx, ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }
外边距样式：
mtn { margin-top: 5px !important; }
mbn { margin-bottom: 5px !important; }
mtm { margin-top: 10px !important; }
mbm { margin-bottom: 10px !important; }
mtw { margin-top: 20px !important; }
mbw { margin-bottom: 20px !important; }
文字字体大小：
xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
xs1 { font-size: 12px !important; }
xs2 { font-size: 14px !important; }
xs3 { font-size: 16px !important; }
内边距样式：
ptn { padding-top: 5px !important; }
pbn { padding-bottom: 5px !important; }
ptm { padding-top: 10px !important; }
pbm { padding-bottom: 10px !important; }
ptw { padding-top: 20px !important; }
pbw { padding-bottom: 20px !important; }
modulecss文件架构解析（此文件必须按照格式编写）：
/ group::index /
/ 群组 index 模块使用的CSS /
/ end /
/ group::index,forum::index /
/ 群组 index 和 论坛 index 模块使用的CSS /
/ end /
/ forum /
/ 论坛 所有模块使用的CSS /
/ end /
实现模块化css分部加载！格式固定多个模块用”，“隔开例如：
/ misc::invite,group,forum::viewthread,portal::view,home::space /
这个文件的分部加载是对应程序地址例如：forumphpmod=forumdisplay，应当按照CURSCRIPT::$mod格式写即：forum::forumdisplay。
看你具体需要建什么样的页面了，需要的话你可以再安装一个网站程序……然后在
dz导航栏上边设置；如果需要的话你
也可以做一个单页……可以dz的头部；具体的dz单页制作教程你自己到
dz官网论坛找吧；以后悬赏金币发的多点哦，要不大家都没动力的
修改discuz论坛修改默认模板：
1、打开Window——Preferences
2、选择MyEclipse——Filed andEditors——JSP——JSP Source——Templates
看到右边的New Jsp编辑即可
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。
先建一个1php文件，代码如下：
<
require_once 'include/commonincphp';
$navtitle = '页面名称';
$discuz_action = '1';
include template('1');
>
然后在templates\default目录下建一个1htm的模板文件和1php对应，代码：
{subtemplate header}
中间加上你自己的内容
{subtemplate footer}
然后在论坛首页找个位置链接到1php，这样就OK了，如果还有问题可以联系我，我的也是DZ72，我把我的代码发给你。
0条评论