Php 网页-用户自定义样式

Php 网页-用户自定义样式,php,javascript,css,ajax,Php,Javascript,Css,Ajax,我怎样才能让用户改变网页的风格呢?当然,我必须制作几个CSS文件,但是我怎样才能根据用户的选择制作允许更改的代码呢 他们甚至提供了一些。我们都不太可能给出像这样彻底的答案 他们甚至提供了一些。您基本上可以为页面的所有主要组件(如页眉、内容、页脚、导航菜单项、标题等)创建css类。您希望用户能够自定义的所有内容都可以为其创建css类/ID 然后,您将向用户显示所有这些类,让用户手动键入CSS代码,或者向用户显示包含所有可能颜色的下拉框,例如,或其他设置 当用户更改一个选项时,您可以使用javasc

我怎样才能让用户改变网页的风格呢?当然,我必须制作几个CSS文件,但是我怎样才能根据用户的选择制作允许更改的代码呢


他们甚至提供了一些。

我们都不太可能给出像这样彻底的答案


他们甚至提供了一些。

您基本上可以为页面的所有主要组件(如页眉、内容、页脚、导航菜单项、标题等)创建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文件。

基本上,页面的所有主要组件都有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文件