网页 - 用户自定义样式

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代码，然后你会把这在<头>命令，而不是外部CSS文件。