Discuz!使用问题、建议、BUG等请到论坛反馈以便获得及时帮助，大型问题建议走付费途径。

Discuz! 7.1 正式版为站长朋友提供了非常强大的“风格”及“模板”管理功能，可以让您的论坛展现丰富多彩的样式，供站点用户的浏览。我们将以三篇文章为你演示其强大灵活多变的功能。

注：学习本篇教程需要具备 HTML+CSS 样网页设计基础。

《Discuz! 7.1 风格管理篇》本篇主要讲解 Discuz! 7.1 后台风格管理的编辑、导出、导入等操作。

风格模板具体编辑如下：

首先以管理员身份登录您的站点后台，按照 后台=>界面=>风格管理找到 Discuz! 风格管理面板，然后选择默认风格点击编辑按钮。下图所示：

进入默认风格编辑页面后，可以看到如下图所示的选项和填写框。图中已经为您注明了几个需要注意的地方。

其中，匹配模板、界面基础图片目录、扩展图片目录这三个需要模板开发人员注意。概念如下：

匹配模板：它可以配合模板管理所添加的模板进行使用，如在模板管理添加一套新的模板套系，就可以在这里设置刚刚添加的模板套系进行使用。这里将在第三篇联合讲 解。

界面基础图片目录：它可作为二次开发的图片的主目录。模板中都是用到 {IMGDIR} 这个关键字，在开发时，可以单独将基础目录另外新建一个目录，则不会破坏原有的Discuz! 图片目录，实现灵活扩展。

扩展图片目录意义同上，是 Discuz! 所提供的第二个自定义图片目录的地方。

使用“可视化模板设置”进行编辑：

我们使用可视化设置可以在后台自由的控制整个论坛的样式和结构。在此将重点讲解“简单模式”。 “高级模式”与简单模式相似，但没有了可视的左侧预览，却增加了可编辑样式的数目。

现在一起来修改页面，目的：将页面的背景颜色修改为白色，并将页面宽度变为宽屏显示。

首先找到“页面背景”和“主体表格宽度”，如下图所示：

将右侧画线处的页面背景的 “#0D2345”(CSS样式)以及 “bodybg.gif” (此图默认放在根目录的 images/default 目录)以及 “repeat-x 0 90px“ 删除。然后将主体表格宽度的值修改为 “98%”(表示网页主体部分扩大到浏览器窗口的98%大小)，提交保存。回到网站首页查看效果，如下图所示，页面整体变为白色(无色背景)，网页宽度变为宽屏。同时您可以对其他项目进行修改。以达到您所期望的效果。

风格文件的导出与导入：

当修改了一个风格，需要对其进行移植和备份的时候，使用到了 Discuz! 给您提供的导出和导入功能。

导出方法：返回风格管理页面，点选您刚才修改的风格的导出按钮，系统会自动将您的风格导出为一个加密文件并进行下载。如下图所示：

导入方法： 点选上方菜单的导入按钮，进入“导入界面方案”，选择“上传文件”，然后点击“请上传数据文件”的浏览按钮，将导出的文件导入即可。

Discuz!默认不允许导入非相同版本的风格文件，如果您仍需要导入，请点选“允许导入不同版本 Discuz! 的界面(易产生错误!!)”。操作方法如下图所示：

至此风格管理后台的功能演示完毕，希望您在看过这篇教程以后了解到如何修改、导出、导入风格的操作。

下一篇 “Discuz! 7.1 模板管理”