网页-user自定义样式

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设置发送到一个php脚本，该脚本会将这些设置写入数据库。然后，您将执行如下查询：

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

这将返回所有css代码，然后将其放入命令中，而不是外部css文件中。