网页 - 用户自定义样式答案

【问题标题】：Web page -user custom style网页 - 用户自定义样式
【发布时间】：2010-09-28 19:40:22
【问题描述】：

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

【问题讨论】：

【解决方案1】：

我们不太可能给出像A List Apart's 这样详尽的答案。

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

【讨论】：

【解决方案2】：

基本上，页面的所有主要组件（例如页眉、内容、页脚、nav_menu 项、标题等）都有 css 类。您希望用户能够自定义的所有内容都将创建一个 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 文件中。

【讨论】：