当前位置:文档之家› 全新discuz模版制作

全新discuz模版制作

全新discuz模版制作
全新discuz模版制作

模板制作前请将你的界面设计好,并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果图如下:

(图1) 本文由https://www.doczj.com/doc/8318570706.html,整理

在开始前,先了介绍一下discuz!的几个模板文件:

1、 header.htm --------------------------------------页面头部

2、 discus.htm---------------------------------------------------------------论坛首页

3、 footer.htm---------------------------------------------------------------页面底部

4、 viewthread--------------------------------------------------------------查看帖子内容

discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是header.htm+discus.htm+footer.htm这三个文件共同作用的效果。

Heaer.htm对应的是:

(图2)

Footer.htm对应的是:

(图3)

剩下的就是discuz.htm文件显示的了。

当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利用,减少劳动的效果。

下面我们就开始制作:

首先,现在我要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件,在这个目录中新建三个文件header.htm、discuz.htm、footer.htm,打开你设计好的主页html文件,将你想作为头部的那一段代码复制粘贴到header.htm文件中,

相应的将作为底部的那一段代码复制粘贴到footer.htm文件中,其余的代码复制粘贴到discuz.htm文件中。

最后在discuz.htm文件的最顶部和最底部分别加上:{subtemplate header} 和{subtemplate footer}

这两句算是discuz的语言,意思是将header.htm和footer.htm文件包含进来,这样就构成了一个完整的主页面了。

接下来的工作要在论坛后台设置中来完成

(1)进入论坛点击“系统设置——> 界面——> 模板管理”,在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如图4:

(图4)

(2)在“界面——> 风格管理” 中,在新增界面风格后填入方案名称“test”然后提交即可!

(3)提交方案名称后,您就可以在界面风格中看到您所定义的新的风格方案。如下图:

(图5)

本文由https://www.doczj.com/doc/8318570706.html,整理

注意上面用红色圆圈圈起来的那幅模版预览图,你的是不是没有显示出来?这需要将你的首页的效果图做成110x120并命名为preview.jpg,将这图片放到test目录下就可以了。到此,一套新的风格模板方案就添加到模板库里了,但还不是我们需要的最终效果,接下来要对模板文件继续进行

调整,以达到想要的最终效果

(4)点击 [编辑] 后就可以进入该模板的风格配色方案的编辑页面,按照图6把各个对应参数填入相应位置。

(图6)

填写好后,点击“提交”,更新一下缓存,浏览论坛首页出现下图:

(图7)

呵呵,有内容出来了,可是排版上却变得乱七八糟了,这是因为还没有引入CSS文件。这时

将原来设计好的CSS文件放到你模板目录下(templates/test),并将它重命名为“css_append.htm”(注意:改后的文件名是css_append,后缀名是htm)。接着打开header.htm文件,找到你引入CSS文件的语句,这会因为引入的语句不同而不同,我这里是将这个替换为:$rsshead

$extrahead

{subtemplate css_script}

这样就可以将你的CSS文件引入了。进入后台更新一下缓存,现在的效果图如下:

(图8)

这样就整齐了许多,这时你是不是发觉少了点东西?没错,图片没有显视出来。下面我们先将背景图(也就是CSS文件中引入的图片)显示出来。打开css_append.htm文件,找到所有你引入图片的地方,将路径替换为“{STYLEIMGDIR}”。例如:这里有一句:

#footer{padding:1em 0;background:url(images/footer_bg.gif) }

将它改为:

#footer{padding:1em 0;background:url({STYLEIMGDIR}/footer_bg.gif) repeat-x top;} {STYLEIMGDIR}实际上是discuz的一个变量,当模板被解释时,就会用一个值来替换这个变量,这个变量的值可以在后台设置。进入后台后点击“界面——> 风格管理”出现下图:

(图9)

找到你正在制作的test风格,点击“编辑”按钮,出现下图:

(图10)

看到了吧,当模板被解释时,就会用上面所填的路径来替换这个变量。好了,现在更新缓存再看一下效果:

(图11)本文由https://www.doczj.com/doc/8318570706.html,整理

哈哈,和原来设计的效果图一样了,是否有一种成功的喜悦?虽然,到这里已经迈出了成功的一步,但革命尚未成功,同志仍需努力!现在制作的模版是静态的,也就是说就算你发贴了,里面的内容也不会改变的,甚至你点个连接都会出错的。

下面我们就来让它“动”起来。

一、修改头部文件header.htm

1、打开正在制作的模板header.htm文件(以下简称header.htm),以及默认模板templates\default 的header.htm文件(以下简称“默认header.htm”)。

2、将header.htm文件的标题用 $navtitle $bbname $seotitle 来代替。例如:我这里是:“ 搜球论坛”改后就变成了“ $navtitle $bbname $seotitle

3、看header.htm里是否有类似“”这样的语句,有就删除。然后,将默认header.htm里的以下语句:

复制粘贴到header.htm文件相应的位置(注这些对界面没什么影响,但对SEO优化有帮助)4、将默认header.htm里的以下语句:

复制粘贴到header.htm文件相应的位置(至于这些有什么作用,自己查一下吧)

5、将头部的logo“动”起来

(图12)

找到显示logo的地方,我这里是:

将“index.php”和“搜球论坛”分别用$indexname和$bbname代替($indexname 是首页文件名的变量,$bbname是论坛名称变量,其它相同的地方都可以用这两个变量作替换,以增加模版的适应性。)

6、让登陆状态“动”起来

(图13)

上面是我设计的效果图和相应的代码,这是登陆时的显示状态,当然我还希望没登陆的时候这样显示:

(图14)

在默认header.htm文件中找到:

$discuz_userss{lang

login_invisible_mode}{lang login_normal_mode}

|

{lang my_posts}

{lang space_short}

{lang space_short}

$_DCOOKIE['pmnum']}--> class="new" title="{lang pm_new}" target="_blank">{lang pm}($_DCOOKIE[pmnum])

{lang task}

|

{lang user_center}

{lang modcp}

{lang admincp}

{lang logout}

$_DCOOKIE['loginuser']

{lang activation}

{lang logout}

$reglinkname

{lang login}

用这一段代码替换上面红色黑体部份,并在

  • 的后面加上这一句:

    还是那句话,想知到上面代码具体的意思,只能你自己去查找,我不可能一个一个的来解释。

    7、让菜单“动”起来

    (图15)

    在默认header.htm文件中找到:

    • $nav[nav]

    • $module[url]
    • $nav[nav]

      {eval $mnid = $BASEFILENAME;}

      {eval $mnid = $navmng[1];}

用这一段代码替换上面红色黑体部份,这样就实现了菜单的调用。

到此整个头部header.htm文件模板就制作好了。

二、制作首页主体部分

同样打开正在制作的模板discuz.htm文件(以下简称discuz.htm),以及默认模板templates\default 的discuz.htm文件(以下简称“默认discuz.htm”)

1、导航条

(图16)本文由https://www.doczj.com/doc/8318570706.html,整理

搜球论坛 » 首页

“搜球论坛”和“首页”分别用“$bbname”和“{lang home}”代替。

2、版块列表

(图17)

小叶

收起/展开

新手指南

cellpadding="0" style="">

2 / 2

我是新手

yysh - 2009-6-25 17:03

上面只列出了“新手指南”区块的代码,其它区块雷同就不再列出了。

在默认discuz.htm文件中找到下面这段代码:(绿色字体是我添加的注释)

//循环

{lang forum_category_modedby}: $cat[moderators]

// 如果有分区版主则显示

{lang spread}

//分区版块的收缩与展开

$cat[name]

//分区名称

"$collapse['category_'.$cat[fid]]"> //这里有几个变量,简单来说是用于后台控制的,不用细究

// 如果下级子版块横排数为0则按下面版式来显示版块列表,横排数可在后台设置的

//循环语句,循环次数为此分区的子块版块数

//循环显示版块列表结束

//如果下级子版块横排数不为0则按下面版式来显示版块列表,下面就不注悉了,基体和上面是一样的,只是显示的方式不同而已

$cat['endrows']

$forum[icon] //版块图标

$forum[name] //版块转向 URL ,$forum[name]版块名称

({lang index_today}: $forum[todayposts])

//如果今日发贴数不为0则显示

$forum[description]

//版块简介

{lang forum_subforums}: $forum['subforums']

//是否显示子版块

// 如果版主不为空

//版主以平面方式显示

{lang forum_moderators}: $forum[moderators]

//否则版主以下拉菜单方式显示

{lang forum_moderators}

N/A

$forum[threads] / $forum[posts]

// $forum[threads]主题数,$forum[posts]总发贴数

//是否为私密版块

{lang private_forum}

{lang url_link}

//显示最后发贴的信息

{echo cutstr($forum[lastpost][subject], 30)}

$forum['lastpost']['author']

{lang anonymous}

- $forum[lastpost][dateline]

{lang never} //从未发贴

$forum[name]

({lang index_today}:

$forum[todayposts])

{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]

{lang private_forum}

{lang forum_lastpost}:

$forum[lastpost][dateline]

{lang never}

{lang url_link}

//下面是关于广告的一些代码,不是重点,这里就不细究了

上面这段代码便可以罗列出区块和版块,但该如何加入到我们制作的模块中呢?首先将你设计的显示版块列表的那些代码全部清空,然后将上面这段添加到相应的位置。这样就可以将版块列表显示出来了,但很有可能显示的内容是乱七八糟的。这是因为,你加入这段代码的CSS类名和你原来的不一样了,这就需要你在css_append.htm文件里重新定义CSS,以达到你想要的效果。当然你可以发现上面这段代码有些地方使用变量来作为CSS类名了,这是为了能够在后台控制显示的样式。为了简单,这里暂不细究,你只要将这些重新命名,在css_append.htm文件里定义就行了。

3、友情链接和在线会员

(图18)

显示这两块的实现代码也不少,这里不再列出来分析了,因为如果你能将上面的版块列表弄明白,这两块也就自然自知怎样处理了。

4、数据调用

数据调用就不能像之前那样简单地从默认模版那里拷贝、粘贴就可以了。这需要利用后台才行。在开始之前先看一下,我们要实现的效果

(图19)

这里显示的内容是调用了“我的助手”(“我的助手”属于模块脚本,而模块脚本为数据调用模块的一种扩展,适用于懂得书写 PHP 模块脚本”,这里显示了所在的模块脚本。点击“我的助手”后面的“添加”出现下图,?数据调用?程序的程序员)。登陆后台“工具

dz模板开发教程

Discuz!模板二次开发的模板语法介绍: 相信大多数朋友都看过discuz的模板文件的代码了。不同于传统的静态html代码,dz的静态模板可以说是动态化得模板文件了。这里集合了,一些特有的php变量和逻辑判断。下面我将为大家整理一下常用的dz模板二次开发规范,希望有助于大家更好的制作模板。DZ的模板引擎原理是通过特殊的Discuz!模板标签来完成特定的循环和判断的。它不同于PHP本身自带的脚本语言。大家可能有很多人写过PHP的程序,也都使用过类似if($abc == 1) {} else {}的判断。Discuz!模板引擎会将Discuz!模板标签中的关键字替换成php自身的脚本语句,然后存入缓存目录forumdata/templates目录中生成一个可供PHP程序包含和调用的模板文件。 那在DZ的模板引擎中我们该如何使用Discuz!模板标签呢? 下面给大家列举DZ模板引擎中常见、常用的模板语句: 一、直接输出变量:{$abc}或{echo $abc} 二、输出数组中某个变量:{$arr[0]} 三、IF判断语句: 我abc小于1 我abc为1 我abc大于1 四、Loop循环语句: 这里是{$val} 上面这段loop语句,DZ会将其转换成php自身的循环语句: If(is_array($abc)) { Foreach($abc AS $key => $val) { } } 五、在模版文件中使用PHP语句:{eval $abc = 1;}注意:这里必须带”;”结尾。

六、在本模板中引用其他的模板:如我们要包含头部模板文件(header.htm)可以这样写:{subtemplate header} 在模版中使用语言包中的中文语句:{lang xxxxx},在这里xxxxx就是语言包中任意一个数组的键值。 如:templates/default/https://www.doczj.com/doc/8318570706.html,ng.php(语言包)内有下面的数组 $language = array ( 'discuz_lang' => 'templates', 'click_here' => '点击这里', 'ban_member' => '禁止', 'input_invalid' => '填写无效', 'title_none' => '无标题', 'title' => '标题', } 大家可以使用{lang title},这样在模板输出的时候则会显示”标题”两个字。 当你了解了Discuz!模板开发语法之后,我们就一起来熟悉一下,常用的数据库表含义,与主题表中常用字段的含义,这样方便你使用sql语句灵活调用个性的内容,如:按会员性别调用头像,在首页右侧边栏调用女性会员头像等等这样各个性的需求,在此我们丛老师为我们讲解常用数据库表、字段及sql语句。 数据常用的帖子表有:cdb_threads,cdb_posts 我们仅以了解数据库中该如何根据结构来获得自己需要的信息。 用户名和密码均为root。也可以查看安装后的readme.txt说明文件 接着我们还是来围绕今天的题目,来知道哪些数据表和数据字段对调用“帖子列表”有帮助。 打开phpmyadmin,找到现在你们本机用于演示的数据库。如图: cdb_threads表红色标记的,则是discuz!中最重要的主题列表。,回复主题在哪个表呢? 其实,回复帖子的库文件是:cdb_posts。我们在这里先只使用cdb_thread,以数据库的方式获取,最新的帖子列表数据和第一讲标签调用有区别,大家一起跟我做。 cdb_threads中有几个重要的字段: tid (大家很熟悉了),每个主题唯一的一个帖子ID fid(所在论坛版块的ID号)

discuz模板制作彷站教程

接触Discuz!有一段时间了,使用的风格都是别人的免费品。一来自己的美工水平实在不行,二来网上很少有比较完整的模板制作教程。因为工作的需要,现特写了一份模板的制作教程。小弟才疏学浅,不对之处还请指正。 模板制作前请将你的界面设计好,并制作成html+CSS 的格式。这里我就 以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果图如下: (图1) 在开始前,先了介绍一下discuz!的几个模板文件:1、header.htm --------------------------------------页面头部2、discus.htm---------------------------------------------------------------论坛首页3、footer.htm---------------------------------------------------------------页面底部4、viewthread--------------------------------------------------------------查看帖子内容 discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是header.htm+discus.htm+footer.htm 这三个文件共同作用的效果。Heaer.htm 对应的是: (图2) w w w .a i w a n s h a .c o m

Footer.htm 对应的是: (图3) 剩下的就是discuz.htm 文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm 和footer.hmt 文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利用,减少劳动的效果。下面我们就开始制作: 首先,现在我要制作的这套模板叫test,那么我就在templates 目录下建立一个test 目录。在test 目录下再新建一个images 文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test 文件夹用于存放这套模板的htm 文件,在这个目录中新建三个文件header.htm、discuz.htm、footer.htm,打开你设计好的主页html 文件,将你想作为头部的那一段代码复制粘贴到header.htm 文件中, 相应的将作为底部的那一段代码复制粘贴到footer.htm 文件中,其余的代码复制粘贴到discuz.htm 文件中。 最后在discuz.htm 文件的最顶部和最底部分别加上:{subtemplate header}和{subtemplate footer} 这两句算是discuz 的语言,意思是将header.htm 和footer.htm 文件包含进来,这样就构成了一个完整的主页面了。接下来的工作要在论坛后台设置中来完成(1)进入论坛点击“系统设置——>界面——>模板管理”,在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如图 4: (图4) (2)在“界面——>风格管理”中,在新增界面风格后填入方案名称“test”然后提交即可!(3)提交方案名称后,您就可以在界面风格中看到您所定义的新的风格方案。如下图: w w w .a i w a n s h a .c o m

Discuz模板教程

Discuz模板教程 接触Discuz! 有一段时间了,使用的风格都是别人的免费品。一来自己的美工水平实在不行,二来网上很少有比较完整的模板制作教程。因为工作的需要,现特写了一份模板的制作教程。小弟才疏学浅,不对之处还请指正。 模板制作前请将你的界面设计好,并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果图如下: (图1) 在开始前,先了介绍一下discuz!的几个模板文件: 1、 header.htm --------------------------------------页面头部 2、 discus.htm---------------------------------------------------------------论坛首页 3、 footer.htm---------------------------------------------------------------页面底部 4、 viewthread--------------------------------------------------------------查看帖子内容 discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是 header.htm+discus.htm+footer.htm这三个文件共同作用的效果。 Heaer.htm对应的是:

(图2) Footer.htm对应的是: (图3) 剩下的就是discuz.htm文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利用,减少劳动的效果。 下面我们就开始制作: 首先,现在我要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件,在这个目录中新建三个文件header.htm、discuz.htm、footer.htm,打开你设计好的主页html文件,将你想作为头部的那一段代码复制粘贴到header.htm文件中, 相应的将作为底部的那一段代码复制粘贴到footer.htm文件中,其余的代码复制粘贴到discuz.htm文件中。 最后在discuz.htm文件的最顶部和最底部分别加上:{subtemplate header} 和{subtemplate footer} 这两句算是discuz的语言,意思是将header.htm和footer.htm文件包含进来,这样就构成了一个完整的主页面了。 接下来的工作要在论坛后台设置中来完成 (1)进入论坛点击“系统设置——> 界面——> 模板管理”,在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如图4: (图4) (2)在“界面——> 风格管理” 中,在新增界面风格后填入方案名称“test”然后提交即可!

Discuz教程

Discuz教程 插件制作的基本思路是:(初学者适用) 1.形成插件思路 2.制作插件界面 3.构架程序模块 4.搭建存储数据 5.填充功能语句 6.检查应用错误 7.完善插件功能 前言:为方便互联网数万Discuz!爱好者,更加深入了解Discuz!软件,本人在熟悉Discuz!过程中,顺便将个人经验写给大家。本贴内容由本人定期更新。本贴只介绍Discuz!中部分技术点,本贴紧属个人观点,不足之处,请各位多多指教,在下先此谢过!。“Discuz!”在下文中简称“DZ”。要弄DZ二次开发,必须至少具备如下技能:1)能够理很好理解MVC构架的原理(虽然DZ不是MVC架构的) 2)扎实的PHP基础,熟悉结构化程序,OOP程序的写法及应用 3)熟悉MYSQL就用,掌握SQL语言,懂SQL优化者更佳 4)熟悉使用Discuz!的各项功能 一)Discuz!的文件系统目录 注:想搞DZ开发,就得弄懂DZ中每个文件的功能。 a) Admin:后台管理功能模块 b) Api:DZ系统与其它系统之间接口程序 c) Archiver:DZ中,用以搜索引擎优化的无图版 d) Attachments:DZ中,用户上传附件的存放目录 e) Customavatars:DZ中,用户自定义头像的目录 f) Forumdata:DZ缓存数据的存放目录 g) Images:DZ模板中的图片存放目录 h) Include:DZ常用函数库,基本功能模块目录 i) Ipdata:DZ统计IP来路用的数据 j) Plugins:DZ插件信息的存放目录 k) Templates:DZ模板文件的存放目录 l) Wap:DZ无线,Wap程序处理目录 二)必须记熟Discuz!数据库设计的每个表的功能,每个表中每个字段的功能。 关于DZ数据库设计文档,请参阅DZ相关的项目文档(请从本贴附件中下载) 三)Discuz!的流程控制 a) 后台流程控:DZ后台所有的功能,均需要注册到admincp.php文件,每个功能都至少有一个或一个以上的Action(动作),在admincp.php中,可以定义Action的执行权限,分别为:“admin==1”管理员,或“admin==2 || admin==3”超级版主和版主,每个Action对应一个脚本文件,脚本文件的命名为action.inc.php(*.inc.php),并存放在admin目录下,如执行:admincp.php?action=dodo,相当于执行admin目录下的dodo.inc.php文件 b) 前台流程控制:前台的流程控制比较简单:流程是自由的,如: 首页:index.php 会员注册:register.php; 会员登录:logging.php 发贴程序:post.php 会员信息:member.php 论坛内容:forumdisplay.php 查看贴子:member.php …大部分功能,此处不一一列出… c) DZ根目下的config.inc.php属于整个DZ系统的配置文件 四)Discuz!的数据处理过程 a) DZ对mysql的数据库操作处理全部封装在dbstuff(db_mysql.class.php)类中 b) 所在的外部数据均通过“daddslashes()”初步过滤,然后再过滤,再根据需要处理 五)Discuz!的显示控制(网站多样式风格输出) a) 显示层就是大家通常所看到的网站风格了。DZ中每套风络分别在templates及images下对应一个风格文件的存放目录。网站风格的制作,请参阅详细的DZ风格制作文档 b) DZ网站风格文件处理的原理:其实很简单,DZ使用template.func.php中的parse_template()以PHP正则运算把htm模文件中的模板标签,转换成了PHP代码,并根据styleid保存在forumdata/templates下,这个有点像Smarty 中的技术。 六)DZ中的语言处理 a) DZ前台及后台中、英语言的实现,均是把语句定义成了语变量,然后在模板输入,语句变量的赋值,均放在模板目录中的*.lang.php文件中,DZ在生成网站风格时就加载了这相应的语言包。 七)DZ如何处理用户信息(存取、计算、更新过程)

discuz模版制作

模板制作前请将你的界面设计好,并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果图如下: (图1) 在开始前,先了介绍一下discuz!的几个模板文件: 1、 header.htm --------------------------------------页面头部 2、 discus.htm---------------------------------------------------------------论坛首页 3、 footer.htm---------------------------------------------------------------页面底部 4、 viewthread--------------------------------------------------------------查看帖子内容 discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是 header.htm+discus.htm+footer.htm这三个文件共同作用的效果。

(图2) Footer.htm对应的是: (图3) 剩下的就是discuz.htm文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利用,减少劳动的效果。 下面我们就开始制作: 首先,现在我要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件,在这个目录中新建三个文件header.htm、discuz.htm、footer.htm,打开你设计好的主页html文件,将你想作为头部的那一段代码复制粘贴到header.htm文件中, 相应的将作为底部的那一段代码复制粘贴到footer.htm文件中,其余的代码复制粘贴到discuz.htm文件中。 最后在discuz.htm文件的最顶部和最底部分别加上:{subtemplate header} 和{subtemplate footer} 这两句算是discuz的语言,意思是将header.htm和footer.htm文件包含进来,这样就构成了一个完整的主页 面了。 接下来的工作要在论坛后台设置中来完成 (1)进入论坛点击“系统设置——> 界面——> 模板管理”,在新增模板后填入模板名称,模板文 件所在目录,板权信息然后提交即可!如图4: (图4)

经典教程:discuz x2 风格模板完整教程

没有XHTML基础,不知道什么是CSS?没关系~~~ 从今天开始,我会给各位从0开始讲解如果动手做一个完整的模板。 我相信只要你有兴趣,再抽出一点时间,还得花费一点记忆力(有些东西必须背下来,临时翻书不是好习惯),应付一些基本的样式修改和模板仿制应该还是没问题的。 本教程会很基础,请各位高手轻轻地飘过~~~~~ 首先说一说前期要准备的工具。 工具的选择: 1,当然是FTP啦,个人推荐cuteftp,速度很快…… 2,修改工具:我个人推荐notepad2,原因是体积小速度快能高亮不要钱,而且味道还很好吃呢。。。使用是请把这个工具关联到FTP的默认修改工具里面。 3,DOM树查看工具的选择:这个是用来快速定位CSS的选择器的。现在一般的浏览器都能支持DOM模型了,比如opera,IE7起,chrome,FF……(什么?360?什么?遨游?什么……?疼讯?赶紧扔掉!!!!!),一般这四个浏览器是必须的,因为要比较调试出来的CSS 在各个浏览器是否兼容。最后还要考虑IE6的情况,(这个IE6,虽然被千夫所指,但是仍然有很多人在使用,你能怎么办?) 关于IE6,请到微软官网上下载一个专用开发插件。 (以上工具介绍纯属自愿,如果你有自己习惯的工具,请飘过~~) 关于风格系别的选择: 现在国内主流网站,我觉得大多数追着两种潮流,第一种是欧美的那种绚丽的,圆角的,立体阴影的特点的,详见国内各大微薄。。。这种网站风格有许许多多的导航网站。因为图片很多,结构复杂。模仿起来也比较费劲。但是只要把他们的结构弄清楚后,也是简单的。 还有一种就是日系(我个人巨爱啊……) 日系的网站简约大方,一眼看过去重点突出(无论是上面的两个基本点还是下面的一个中心 )。但是其实日系的网站虽然简单,但还真没有几个人做的好看的,因为,你不知道怎么配色啊…… 一般看来,美系的字体都稍大,而日系字体偏小。 千万不要把这两种风格综合起来,因为那样剧难看(其实不是剧难看,而是难看致死,死到没JJ,比如某网站风格……) 好吧,先说明,我更新的时间不会太快,大概好几天更新一个。 由于水平有限,如果发现有错误,请迅速指出来,免得误人。。。

Discuz!模板制作教程

[经验] Discuz!模板制作教程 本帖最后由 PuBor于 2010-10-1 01:05 编辑 接触Discuz! 有一段时间了,使用的风格都是别人的免费品。一来自己的美工水平实在不行,二来网上很少有比较完整的模板制作教程。因为工作的需要,现特写了一份模板的制作教程。小弟才疏学浅,不对之处还请指正。 模板制作前请将你的界面设计好,并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果 图如下:

(图1) 在开始前,先了介绍一下discuz!的几个模板文件: 1、 header.htm --------------------------------------页面头部 2、 discus.htm-------------------------------------------------论坛首页 3、 footer.htm------------------------------------------------页面底部

4、 viewthread---------------------------------------------查看帖子内容 discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是header.htm+discus.htm+footer.htm这三个文件共同作用的效果。 Heaer.htm对应的是: (图2) Footer.htm对应的是: (图3) 剩下的就是discuz.htm文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利 用,减少劳动的效果。 下面我们就开始制作: 首先,现在我要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件,在这个目录中新建三个文件header.htm、discuz.htm、footer.htm,打开你设计好的主页html文件,将你想作为头部的那一段代码复制粘贴到header.htm文件中, 相应的将作为底部的那一段代码复制粘贴到footer.htm文件中,其余的代码复制粘贴到 discuz.htm文件中。 最后在discuz.htm文件的最顶部和最底部分别加上:{subtemplate header} 和 {subtemplate footer}

discuz,更换模板

竭诚为您提供优质文档/双击可除 discuz,更换模板 篇一:discuz!论坛系统diy模块模板使用教程 discuz!论坛系统diy模块模板使用教程 今天为大家讲解一下在使用diy过程中的一些技巧与方法 仔细阅读,受益匪浅 一、如何在模块中增加“标题”及“更多”的链接如下图样式 方法: 通过框架或模块都可以实现上述样式,我们以框架为例,我们在diy的时候选中要编辑的框架点击编辑如下图所示之后点击标题 在弹出的层中可以添加标题及链接,位置选择居左如下 图所示同时可以设置标题的颜色及大小 接下来增加“更多”的链接点击弹出层的添加新标题按扭如下图所示,会“复制”出一份新的标题你只需修改就可以了 把其中的“精彩教程”改成“更多”,链接以及字体、

颜色都进行修改就可以了,这里的位置一定要选择“居右” 完成,这样框架就有了标题及更多,模块的方法同上 二、diy的模块中如何调整链接的颜色如下图样式 方法: 选中要修改的模块,点击编辑,选择数据如下图所示 在弹出层中选择编辑如下图所示 篇二:模板插件-discuz的专业模板插件修改 templates/default默认模板文件包 |https://www.doczj.com/doc/8318570706.html,ng.php道具语言包 |---activity_applylist.htm活动特殊主题列表 |---activity_export.htm |https://www.doczj.com/doc/8318570706.html,ng.php后台管理界面语言包(后台搜索依赖此文件) |https://www.doczj.com/doc/8318570706.html,ng.php后台管理菜单语言包 |https://www.doczj.com/doc/8318570706.html,ng.php后台管理,跳转提示信息语言包 |---adv.htm论坛广告功能处理模板文件,被各个页面广告位调用 |---ajax_attachlist.htmajax获取附件列表模板文件 |---ajax_imagelist.htmajax获取图片列表模板文件 |---ajax_magiclist.htm |---announcement.htm公告查看页

Discuz模板修改教程演示

Discuz模板修改教程演示 Discuz教程演示, Discuz模板修改 近几天做了几套模板先将心的整理一下发给大家以供各位参考借鉴。 在做模板之前大家最好具备一些基本的网页制作方面的知识。那么咱们先来看看如何制作一套简单的模板流程。 1、在Photoshop中制作风格页面并切图保存; 2、制作html文档,css调整; 在开始前,先了介绍一下discuz!的几个模板文件: 1、header.htm--页面头部 2、discus.htm--论坛首页 3、index_header.htm--头部发帖按钮,和公告内容页。 4、footer.htm-- 页面底部 5、viewthread.htm-- 查看帖子内容 6、css_common.htm--公共样式css样式页面 7、css_script.htm--其他常用css样式页面 首先我们要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。 在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。 templates/test 文件夹用于存放这套模板的htm文件,首先我们先到default默认模板下面去复制header.htm、discuz.htm、footer.htm这三个htm文件。然后分别打开着三个文件,可能这里你需要一些常用的htm语言常识,和一些基本的css语法。如果你不会的话可以去查阅一些资料。我们大多时候我们不必完全去重新做。默认模板的head等头部信息我们还是非常有必要要保留。 将你做好的静态文件的切图我ps缩小成一个110X120大小名为preview.jpg的图片放到test 目录下(这是后台安装界面显示的缩略图)。 接下来的工作要在论坛后台设置中来完成 (1)进入论坛点击“系统设置——> 界面——> 模板管理”,在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如 (3)然后切换到“系统设置——> 界面——>风格管理”,您就可以在界面风格中看到您所定义的新的风格方案。点击安装就可以了!如下图: (4)然后点击[编辑] 后就可以进入该模板的风格配色方案的编辑页面,此根据你的界面风格配色方案设置一下你的配色方案。 具体的设置参数,主要对应的前台显示效果参照如下链接地址的标注: _f 填写好后,点击“提交”,更新一下缓存,就ok了。在这里我只是简略的介绍一下安装成品模板的方法。 在制作模板的过程中我们大多数的精力主要集中在样式的调整。不过dz给我们提供了简单快捷的调试方式。你可以将需要修改的样式写到css_appendhtm ,它的代码是:$extrahead {subtemplate css_script} 根据css的特点,在css_appendhtm里的样式将覆盖css_commen.htm中的文件的。注意只是覆盖原有的属性。没有修改的属性将依旧调用css_commen.htm的样式。这样我们各以节省很多的代码。 同样对于css_script.htm同样如css_commen.htm一样。你只需要在新建一个文件

教你Discuz模板制作详细步骤

接触Discuz! 有一段时间了,使用的风格都是别人的免费品。一来自己的美工水平实在不行,二来网上很少有比较完整的模板制作教程。因为工作的需要,现特写了一份模板的制作教程。小弟才疏学浅,不对之处还请指正。 模板制作前请将你的界面设计好,并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版(知识共享,希望大魔王不要介意,如有侵权,请及时通知我)。效果图如下: (图1) 在开始前,先了介绍一下discuz!的几个模板文件: 1、 header.htm --------------------------------------页面头部 2、 discus.htm---------------------------------------------------------------论坛首页 3、 footer.htm---------------------------------------------------------------页面底部 4、 viewthread--------------------------------------------------------------查看帖子内容 discuz!论坛的页面通常是几个模板文件共同作用下达到的效果,如图1就是header.htm+discus.htm+footer.htm这三个文件共同作用的效果。 Heaer.htm对应的是: (图2)

Footer.htm对应的是: (图3) 剩下的就是discuz.htm文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的,这里之所以分开,是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说,其它的页面(比如发贴的页面)的头部、底部与首页的头部、底部完全一样,分开来写就可以达到重复利用,减少劳动的效果。 下面我们就开始制作: 首先,现在我要制作的这套模板叫test,那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件,在这个目录中新建三个文件 header.htm、discuz.htm、footer.htm,打开你设计好的主页html文件,将你想作为头部的那一段代码复制粘贴到 header.htm文件中, 相应的将作为底部的那一段代码复制粘贴到footer.htm文件中,其余的代码复制粘贴到discuz.htm文件中。 最后在discuz.htm文件的最顶部和最底部分别加上:{subtemplate header} 和{subtemplate footer} 这两句算是discuz的语言,意思是将header.htm和footer.htm文件包含进来,这样就构成了一个完整的主页面了。 接下来的工作要在论坛后台设置中来完成 (1)进入论坛点击“系统设置——> 界面——> 模板管理”,在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如图4: (图4) (2)在“界面——> 风格管理” 中,在新增界面风格后填入方案名称“test”然后提交即可! (3)提交方案名称后,您就可以在界面风格中看到您所定义的新的风格方案。如下图:

discuz 模板教程

Discuz!模板风格制作: 1、在Photoshop中制作风格页面并切图保存; 2、制作html文档,css调整; 在制作html文件之前,您必须熟悉Discuz ! 模板的元素和css。需要注意的是,在定制您的css的时候建议您参 考Discuz!模板文件css.htm来制作,这样您所制作出来的模板文件就可以方便的在Discuz !管理后台中作调整。 制作一套新的模板,其实并不需要将上面所有模板文件重新制作,只需要将几个必要的文件进行替换成您所制作的风格模板文件即可(当然,如果您觉得必要,可以将每个模板文件根据您的设计风格进行调整,只要保证模板文件中的程序结构完整),以下几个文件是一个论坛中最常用到的几个页面,对一套风格模板影响相对较大,详细如下: 1、header.htm --- 页面头部 2、discus.htm --- 论坛首页内容部分 3、index_header.htm --- 头部发帖按钮,和公告内容页。 4、footer.htm --- 页面底部 5、viewthread.htm --- 查看帖子内容 6、css_common.htm --- 公共样式css样式页面 7、css_script.htm --- 其他常用css样式页面 8、viewthread.htm --- 阅读主题 9、forumdisplay.htm --- 论坛主题列表 10、forumdisplay_subforum.htm --- 子论坛列表 当然刚开始接触模板制作也可以只修改其中的一部分,只要将css.htm,header.htm,footer.htm这三个文件按照您的风格制作出来就可以让模板风格作变换,其他文件也可以根据您对风格的要求进行调整。 Discuz!模板文件的简单讲解: 刚接触discuz!模板文件,您会发现在这些htm文件中包含着很多像: ………… {template css} …… $charset {lang memberlist} {MAINTABLECOLOR} 这样6类在一般htm文件中不常见的语句和变量,这些语句是Discuz!模版中的特有语句,具体说明如下: ………… 这类语句并非普通HTML中的注释语句,而是Discuz!特有的模板判断语法,就好比php或者

discuzx2门户diy模板制作教程(两种方法)

方法一: 今天主要说的是整个模板上半部分中间是怎么设置的,具体效果如下红框部分。 一眼就可以看出中间的这部分分成了三块,第一块是加粗的两篇文章标题,第二和第三快都是调用论坛的论坛,整个部分用两条虚线给分成三小快的,这样说就很容易操作了。 首先我们先拉三个帖子模块和两个静态模块排列好 静态模块如下图样式设置

首先我们说第一小块是怎么做出来的,第一眼大家会看到蓝色的部分和左上角的HOT是怎么做的,其实是一张图片调用就可以了,把图片上传到你的空间。 然后选择框架编辑—样式,如下图设置,记住背景图片后面选择不平铺 第一小快,我们选择帖子模块—编辑—属性,如下图设置

在设置好模块属性之后,最主要的是模块模板,将如下代码复制进模块模板的代码框里即可

[loop]
{title}
{summary}...[详细信息]
[/loop]
到这里大家点击确定就可以看到效果了,第一小块就搞定了。 下面的第二小块和第三小块是相同的我们设置好一部分就可以了 文章是调用论坛的内容,大家可以根据模块属性里的主题排序方式选择你想要的排序方式

discuz分类信息模板制作

竭诚为您提供优质文档/双击可除discuz分类信息模板制作 篇一:edu_ecologychuanke173616 江西省南昌市20xx-20xx学年度第一学期期末试卷 (江西师大附中使用)高三理科数学分析 试卷紧扣教材和考试说明,从考生熟悉的基础知识入手,多角度、多层次地考查了学生的数学理性思维能力及对数学本质的理解能力,立足基础,先易后难,难易适中,强调应用,不偏不怪,达到了“考基础、考能力、考素质”的目标。试卷所涉及的知识内容都在考试大纲的范围内,几乎覆盖了高中所学知识的全部重要内容,体现了“重点知识重点考查”的原则。1.回归教材,注重基础 试卷遵循了考查基础知识为主体的原则,尤其是考试说明中的大部分知识点均有涉及,其中应用题与抗战胜利70 周年为背景,把爱国主义教育渗透到试题当中,使学生感受到了数学的育才价值,所有这些题目的设计都回归教材和中学教学实际,操作性强。2.适当设置题目难度与区分度选择题第12题和填空题第16题以及解答题的第21题,都是综合性问题,难度较大,学生不仅要有较强的分析问题

和解决问题的能力,以及扎实深厚的数学基本功,而且还要掌握必须的数学思想与方法,否则在有限的时间内,很难完成。3.布局合理,考查全面,着重数学方法和数学思想的考察 在选择题,填空题,解答题和三选一问题中,试卷均对高中数学中的重点内容进行了反复考查。包括函数,三角函数,数列、立体几何、概率统计、解析几何、导数等几大版块问题。这些问题都是以知识为载体,立意于能力,让数学思想方法和数学思维方式贯穿于整个试题的解答过程之中。 二、亮点试题分析 1.【试卷原题】11.已知a,b,c是单位圆上互不相同的三点,且满足abac,则abac的最小值为() 1 41b. 23c. 4d.1 a. 【考查方向】本题主要考查了平面向量的线性运算及向量的数量积等知识,是向量与三角的典型综合题。解法较多,

discuz模板使用教程

竭诚为您提供优质文档/双击可除discuz模板使用教程 篇一:discuzx3.x模板插件开发制作教程(从入门到精通) 一、开发插件所需资料与工具 1、discuzx3插件机制 插件机制discuz!拥有一套完整的插件机制。 合理使用插件机制,你可以更好的将自己的个性功能需求整合到discuz!产品中的同时,保持代码独立,并且不受后续discuz!产品版本升级的影响。我们鼓励并推荐,使用插件机制进行个性需求定制和研发。 插件设计的准备工作 插件实现流程 开始编写社区插件,您应当首先对插件实现的流程有一个大致的了解,以下是我们推荐的插件编写流程: 熟练使用discuz!社区系统后,对希望完善或补充的个性化功能进行评估,进而提出插件的功能需求。 对插件做一个概括性的设计,例如:需要使用什么菜单、

什么参数,配置哪些选项、数据结构如何设计、前后台实现哪些功能等等。 阅读本文档并在系统设置中实际体验discuz!插件接口所实现的功用,例如:您的插件应当如何设计才能良好的挂接到社区系统中来。插件接口 能够实现哪些功能、不能实现哪些功能,插件为此而需要做的优化、改造和取舍。 编写相应程序代码和模板语句,实现所需的功能并进行代码测试、兼容性测试和代码改进。 如果需要公开您的插件,可以用插件导出的方式,将插件配置信息导出到一个xml文件中,连同相应的程序和模板文件一同打包。同时,编写 一个适合新手的插件的说明书也是必不可少的,其中包括:插件适用的discuz!版本、功能概述、兼容性声明、安装方法、使用方法、卸载方法等 等。 将插件提供给他人,或自己使用,根据使用者反馈,对插件进行完善。插件实现流程至此结束。 文件命名规范 discuz!按照如下的规范对程序和模板进行命名,请在设计插件时尽量遵循此命名规范:

DiscuzX3.2教程

DiscuzX3.2教程 插件制作的基本思路是:(初学者适用) 1.形成插件思路 2.制作插件界面 3.构架程序模块 4.搭建存储数据 5.填充功能语句 6.检查应用错误 7.完善插件功能 前言:为方便互联网数万Discuz!爱好者,更加深入了解Discuz!软件,本人在熟悉Discuz!过程中,顺便将个人经验写给大家。本贴内容由本人定期更新。本贴只介绍Discuz!中部分技术点,本贴紧属个人观点,不足之处,请各位多多指教,在下先此谢过!。“Discuz!”在下文中简称“DZ”。要弄DZ二次开发,必须至少具备如下技能:1)能够理很好理解MVC构架的原理(虽然DZ不是MVC架构的) 2)扎实的PHP基础,熟悉结构化程序,OOP程序的写法及应用 3)熟悉MYSQL就用,掌握SQL语言,懂SQL优化者更佳 4)熟悉使用Discuz!的各项功能 一)Discuz!的文件系统目录 注:想搞DZ开发,就得弄懂DZ中每个文件的功能。 a) Admin:后台管理功能模块 b) Api:DZ系统与其它系统之间接口程序 c) Archiver:DZ中,用以搜索引擎优化的无图版 d) Attachments:DZ中,用户上传附件的存放目录 e) Customavatars:DZ中,用户自定义头像的目录 f) Forumdata:DZ缓存数据的存放目录 g) Images:DZ模板中的图片存放目录 h) Include:DZ常用函数库,基本功能模块目录 i) Ipdata:DZ统计IP来路用的数据 j) Plugins:DZ插件信息的存放目录 k) Templates:DZ模板文件的存放目录 l) Wap:DZ无线,Wap程序处理目录 二)必须记熟Discuz!数据库设计的每个表的功能,每个表中每个字段的功能。 关于DZ数据库设计文档,请参阅DZ相关的项目文档(请从本贴附件中下载) 三)Discuz!的流程控制 a) 后台流程控:DZ后台所有的功能,均需要注册到admincp.php文件,每个功能都至少有一个或一个以上的Action(动作),在admincp.php中,可以定义Action的执行权限,分别为:“admin==1”管理员,或“admin==2 || admin==3”超级版主和版主,每个Action对应一个脚本文件,脚本文件的命名为action.inc.php(*.inc.php),并存放在admin目录下,如执行:admincp.php?action=dodo,相当于执行admin目录下的dodo.inc.php文件 b) 前台流程控制:前台的流程控制比较简单:流程是自由的,如: 首页:index.php 会员注册:register.php; 会员登录:logging.php 发贴程序:post.php 会员信息:member.php 论坛内容:forumdisplay.php 查看贴子:member.php …大部分功能,此处不一一列出… c) DZ根目下的config.inc.php属于整个DZ系统的配置文件 四)Discuz!的数据处理过程 a) DZ对mysql的数据库操作处理全部封装在dbstuff(db_mysql.class.php)类中 b) 所在的外部数据均通过“daddslashes()”初步过滤,然后再过滤,再根据需要处理 五)Discuz!的显示控制(网站多样式风格输出) a) 显示层就是大家通常所看到的网站风格了。DZ中每套风络分别在templates及images下对应一个风格文件的存放目录。网站风格的制作,请参阅详细的DZ风格制作文档 b) DZ网站风格文件处理的原理:其实很简单,DZ使用template.func.php中的parse_template()以PHP正则运算把htm模文件中的模板标签,转换成了PHP代码,并根据styleid保存在forumdata/templates下,这个有点像Smarty 中的技术。 六)DZ中的语言处理 a) DZ前台及后台中、英语言的实现,均是把语句定义成了语变量,然后在模板输入,语句变量的赋值,均放在模板目录中的*.lang.php文件中,DZ在生成网站风格时就加载了这相应的语言包。 七)DZ如何处理用户信息(存取、计算、更新过程)

相关主题
文本预览
相关文档 最新文档