网页 - 用户自定义样式

Question

如何让用户能够更改网页的样式，当然我必须制作几个CSS文件，但是如何根据用户的选择制作允许更改的代码

Answer 1

我们几乎不可能像A List Apart's那样给出答案。

他们甚至提供了一些freely-usable code for you。

Answer 2

你基本上会拥有页面所有主要组件的css类，例如标题，内容，页脚，nav_menu项目，标题等。你希望用户能够自定义的所有内容都会创建一个css类/它的ID。

然后，您将向用户显示所有这些类，并让他手动键入CSS代码，或者向他显示包含所有可能颜色的下拉框，例如，或其他设置。

当用户更改选项时，您可以使用javascript更改其选择的css ID /类的属性。例如，如果他将标题的背景颜色从黑色更改为蓝色，您可以这样做：

document.getElementById("header").style.background-color="#ABCDEF";

（Jquery可能有一种更简单的方法）

在页面的末尾你可以有一个提交按钮，它会将所有的css设置POST到一个php脚本，这将把这些设置写入数据库。然后你会做一个像这样的查询：

SELECT css_id,css_class,css_code FROM css_styles WHERE user_id='$user_id';

这将返回所有的css代码，然后你将它放在＆lt; head＆gt;命令而不是外部css文件。