如何讓用戶能夠更改網頁的樣式,當然我需要製作多個CSS文件,但是我怎樣才能讓代碼允許用戶選擇更改網頁 - 用戶自定義樣式
0
A
回答
3
我們都不太可能給出如A List Apart's一樣詳盡的答案。
他們甚至提供了一些freely-usable code for you。
0
你基本上會擁有頁面所有主要組件的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文件。
相關問題
- 1. Angular UI - 用戶自定義樣式
- 2. Silverlight樣式:基於自定義樣式的自定義樣式
- 3. 角度分頁的自定義樣式
- 4. 分頁幫助自定義(樣式)
- 5. 自定義登錄頁面CSS樣式
- 6. openCart自定義jQuery樣式
- 7. SharePoint:將自定義樣式添加到網站定義
- 8. 自定義樣式屬性
- 9. WPF DataGridCheckBoxColumn自定義樣式?
- 10. Android - EditText自定義樣式
- 11. Django REST:自定義樣式
- 12. 自定義樣式TEdit
- 13. 自定義樣式listdivider
- 14. 自定義微調樣式
- 15. 創建自定義樣式
- 16. 自定義輸入樣式
- 17. Highchart自定義樣式
- 18. 禁用特定網頁上的樣式
- 19. 創建自定義網頁
- 20. 自定義網址頁面
- 21. 圖像自定義網頁
- 22. 爲什麼自定義樣式不覆蓋以前定義的樣式
- 23. 將自定義樣式應用於角網格
- 24. 即使自定義樣式表包含第二個,Boostrap樣式將重寫自定義樣式?
- 25. 使用UIAppearance自定義UITableViewCell樣式
- 26. 用自定義CSS覆蓋Material2樣式
- 27. 使用appcompat v7自定義EditText樣式
- 28. 在HTML頁面中啓用自定義文本選擇樣式
- 29. 如何樣式自定義Silverlight 4用戶控件?
- 30. 爲什麼自定義CSS樣式不適用於其他用戶?