網頁 - 用戶自定義樣式

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文件。