编辑默认主题

第一步

复制默认主题文件夹（themes\default）并重命名为例如 "cool"。现在你应该有一个名为 "cool" 的新文件夹，其中包含与默认主题相同的文件。

在您的 "cool" 文件夹中打开 theme.html 并搜索以下字符串

<{include file="default/theme_blockleft.html"}>

您可以看到，您需要将 "default" 更改为 "cool" 以反映您的新文件夹。更改后，上述字符串应如下所示。

<{include file="cool/theme_blockleft.html"}>

还有几个其他包含，您需要在这份文件中更改目录！


第二步

现在您必须克隆默认模板，因为默认模板不能编辑。转到 Xoops 的 "管理" > "系统管理" > "模板" 内的默认模板并克隆默认模板。您应该将新的模板集命名为与您的主题文件夹相同的名称，在这种情况下为 "cool"。

在此期间请小心操作。错误编辑或修改这些模板可能会导致灾难性的后果。


第三步

转到 "管理" > "系统管理" > "首选项" > "常规设置"。将 "cool" 选择为默认主题和默认模板集。将 "从主题/您的主题/模板目录更新模块模板 .html 文件" 设置为是。此设置很重要，因为这是 Xoops 重新加载 '新' css 和 html 代码的唯一方法，这样您就可以 "实时" 测试您的更改。

您可以根据需要频繁修改和重试主题更改（以下步骤 4），直到您对结果满意。一旦您对结果满意，请务必将 "从主题/您的主题/模板目录更新模块模板 .html 文件" 重置为否。

现在您的完整 Xoops 安装使用您的 "cool" 主题而不是 "default" 主题。您现在可以编辑此主题以满足您的需求。如果任何问题出现，您始终可以切换回默认主题！


第四步

这是编辑阶段！以下是文件的简短说明

theme.html - 控制您的网站的主布局
theme_blockleft.html - 控制左侧块的布局
theme_blockright.html - 控制右侧块的布局
theme_blockcenter_c.html - 控制中心块的布局
theme_blockcenter_l.html - 控制左中区块的布局
theme_blockcenter_r.html - 控制右中区块的布局
style.css - 主题的样式表
styleMAC.css - 仅适用于MAC的一些设置
styleNN.css - 仅适用于Netscape的一些设置

在这些文件中，您可以定义您的网站应该是什么样子！模块和每个区块的外观都可以通过模板进行控制（如果使用模板的话）。


全新主题的设计

通常，设计师会在图形程序中创建他的网站布局。在此设计过程之后，他从其中创建一个HTML网站！重要的是要记住Xoops的3列布局！

注意：如果您视力受损，类似于我们中的一些人，而且您可以使用像FrontPage这样的工具，您可以在那里创建布局。但是，请注意！由FrontPage这样的WYSIWYG编辑器生成的代码可能工作“并不是完美”，在完全投入使用之前几乎肯定会需要一些清理。


lc = 左列
cc = 中列
rc = 右列


拥有3列HTML模板后，您只需将默认/主题.html中的重要部分复制到您的模板中。首先是页眉相关的内容。


然后，您将以下代码复制到您的左列


将这段代码插入的位置应获得与默认主题中一样id="leftcolumn"的ID。这需要CSS定义。

这是您的中列的代码




在此代码中放置的位置应获取 id="centercolumn"。在右侧列中，您需要复制此代码



您将此代码放入的位置应获取id="rightcolumn"。之后，您必须正确设置包含在您的theme.html中的图像路径。如果所有图像都直接位于您的主题文件夹中，则标签应如下所示。




否则，当通过Xoops解析主题时，图像将无法正确显示。

请记住，这只是一个基本设置！您可以为您的主题随意移动列等元素。

此外，请参阅 制作xoops主题第1部分

和默认主题解剖

以及Incama的主题构建手册

还有这个常见问题