FAQ首页 > 模板风格 > Discuz! > 查看文章
收起边栏
大字 小字 收藏 复制URL










6.1
Discuz! 6.1.0 风格模板说明(一)
2008-09-03┆26,866 Views┆50
Tags : 风格 模板

本教程以简单的模板添加、修改为例,逐步教大家认识模板,主要涉及的模板文件是 templates 文件夹下的 header.htm、footer.htm、discuz.htm、forumdisplay.htm、viewthread.htm、css_common.htm、css_viewthread.htm、css_append.htm 文件。

一、添加一套新的模板

首先在 templates 目录下新建一个 newtheme 文件夹,然后将 default 下默认的 header.htm、footer.htm、discuz.htm、forumdisplay.htm、viewthread.htm、css_common.htm、css_viewthread.htm、css_append.htm 文件复制到 newtheme 文件夹下。然后,进入论坛后台,版块 => 模板管理,我们在下边新增一个模板套系:模板名称(添加你自己喜欢的名字)、目录(./templates/newtheme)、版权信息(写入模板的版权信息),填写完毕后,提交即可创建一个新的模板套系。

二、添加一个新的界面风格

建好了模板套系,需要相应的风格去对应它,现在就新建一个界面风格。论坛后台 => 版块 => 界面风格,在下边的新增里添加自己需要的风格的名称(可以跟刚才建立的模板套系的名字一样,此名称将显示在前台界面风格的下拉菜单中),然后提交。这样,就新建了一个界面风格。

三、界面风格设置

在刚才新增的界面风格后边点击详情,进入界面风格设置:

界面方案名称:就是此风格模板的名字,跟刚才建立的时候设定的是一样的。

匹配模板:选择相应的模板套系,这里选择刚才新建立的模板套系。

默认表情分类:这里选择将在此套模板内默认的表情。

论坛 logo {BOARDIMG},{BOARDLOGO}:这里是论坛的 logo,可以写相对地址也可以写绝对地址。

界面图片目录 {IMGDIR}:这里填本模板所用的图片文件夹的位置。

文字及颜色设置:

正常字体设置 {FONT}:这里填写页面所用的字体的名称。(也就是 font-family)

正常字号设置 {FONTSIZE}:默认的页面正常字体大小。

帖子内容字号设置 {MSGFONTSIZE}:帖子内容的字体大小。

帖子内容大字号设置 {MSGBIGSIZE}:当用户点击帖子页面的“大“按钮时使用的字体大小。

帖子内容小字号设置 {MSGSMALLSIZE}:当用户点击帖子页面的“小“按钮时使用的字体大小。

小号字体设置 {SMFONT}:页面中一小部分特殊的地方需要使用小的字号,这里设置这些字号的字体种类。

小号字号设置 {SMFONTSIZE}:页面中一小部分特殊的地方需要使用小的字号,这里设置这些字号的大小。

内表格中超级链接文字颜色 {LINK}:内表格里边的链接的字体颜色,比如版块名称。

高亮链接颜色 {HIGHLIGHTLINK}:就是一些特殊的需要设置高亮的文字链接的颜色。

内表头文字颜色 {HEADERTEXT}:就是每个表格的表头,比如分类版块名称就是内表头文字。

内表格中文字颜色 {TABLETEXT}:内表格的文字颜色,比如版块简介。

外表格中 (表格除外) 文字颜色 {TEXT}:表格外的文字颜色。

浅色文字颜色 {LIGHTTEXT}:就是一些特殊的需要设置浅色的文字的颜色。

表格与背景颜色设置:

外表格宽度 {MAINTABLEWIDTH}:基本上可以说是整个页面的宽度。

主表格边缘空隙 {TABLESPACE}:表格的边缘的空隙,就是 cellspacing。

主表格背景颜色 {TABLEBG}:从版块开始到在线列表结束的地方为主表格区域。

主表格边框宽度 {BORDERWIDTH}:主表格边框的宽度。

主表格外边框颜色 {BORDERCOLOR}:主表格外边框的颜色。

页面背景 {BGCOLOR},{BGCODE}:整个页面的背景,可以是颜色值,也可以是图片地址。

内表头背景颜色 {HEADERCOLOR},{HEADERBGCODE}:表格的表头的背景颜色,可以是颜色值,也可以是图片地址。

栏目背景颜色 {CATCOLOR},{CATBGCODE}:首页未开启横排时内表头下边的那行以及主题列表页置顶主题和普通主题中间隔的那行的背景都是使用的栏目背景色。

栏目边框色 {CATBORDER}:栏目的上下边框色。

聚合版块背景颜色 {PORTALBOXBGCODE}:这里包括下拉菜单、tag、文字广告位等地方的背景,可以是颜色,也可以是图片。

内表格背景配色 1 {ALTBG1}:每个版块所在行的背景颜色。

内表格背景配色 2 {ALTBG2}:当鼠标放在每个版块所在行的时候的背景颜色。

内表格边框色 {BGBORDER}:表格内部的边框的颜色。

提示信息背景颜色 {NOTICEBG}:比如版块管理的提示那部分的背景颜色。

提示信息边框颜色 {NOTICEBORDER}:提示信息的边框颜色。

提示信息文字颜色 {NOTICETEXT}:提示信息的文字颜色。

通用显示区域边框颜色 {COMMONBOXBORDER}:比如分页、页脚排序的地方的边框颜色。

通用显示区域背景颜色 {COMMONBOXBG}:比如分页、页脚排序的地方的背景颜色。

版块间距 {BOX-Space}:每个分类版块间以及每个帖子间的距离。

其他颜色设置:

输入框边框颜色 {INPUTBORDER}:输入框的边框颜色。

顶部菜单栏背景 {HEADERMENU},{HEADERMENUBGCODE}:顶部菜单栏的背景颜色。

顶部菜单栏文字颜色 {HEADERMENUTEXT}:菜单栏的文字颜色。

左右分栏导航栏背景色 {FRAMEBGCOLOR}:左右分栏中间位置的背景。

自定义模板变量:当你在 css中重复使用一个变量的时候,可以在这里添加一个自定义的变量,然后在 css 文件中使用。

详细的图解请看:viewnews-61


50

满意

不满意

本篇文章用到的Tags : 风格 模板

没找到您想要的答案吗?建议您到我们的讨论区发帖寻求大家和 Comsenz 工作人员的帮助。