如何使用CSS製作一個有主題的Web應用程序？

我對Web應用程序有一個想法，該應用程序允許用戶創建自己的配置文件頁面，並應用自定義或預定義的主題來更改其配置文件頁面的外觀/感覺。這將與Wordpress主題或任何其他利用類似想法的產品類似。我的想法是使用less構建css。用戶可以通過GUI界面創建/編輯自己的主題（選擇顏色，字體等）。當保存主題時，它會更新.less文件中的變量，並相應地重建css。如何使用CSS製作一個有主題的Web應用程序？

這是一個可行或甚至可能的方式將風格主題應用到頁面？有沒有現有的解決方案已經完成了這個？

來源

2012-02-10 Michael Hornfeck

還發現使用像[DotLess]（http://www.dotlesscss.org/）這樣的工具將允許您提供從LESS文件生成的CSS [on the fly]（http://www.4guysfromrolla.com/文章/ 030310-1.aspx）。 – 2012-03-06 15:21:34

你可以看看jQueryUI themeroller它是讓用戶改變他們的個人資料風格的一種方法，同時主要限制顏色和佈局的風格。有jQuery插件可以讓他們從下拉列表中選擇一個主題。

更自定義的方法可能是在整個模板中設置內聯樣式，並用php包裝它們並將其應用到GUI中。因此用戶選擇導航欄的顏色，並將十六進制或rgb顏色存儲到數據庫表中。

來源

2012-02-19 01:49:31 Anagio

不錯的輸入，我沒有想過使用整理器 - 將用戶選擇存儲在數據庫表中，並相應地渲染頁面符合我的想法。 – 2012-03-02 15:07:23

我在這裏看到的一個問題是，用戶可以更改頁面中不應該改變的其他部分。檢查菜單，登錄按鈕等。這可能是一個安全問題。因此，您必須限制用戶如何更改樣式。例如只允許用某些參數來改變某些類。

來源

2012-02-10 17:13:11 Johni

對，我計劃爲每個用戶頁面使用一個單獨的css文件，並使用GUI來限制它們可以更改的變量。 – 2012-02-10 18:46:38

如何使用CSS製作一個有主題的Web應用程序？

回答

相關問題