2014-02-28 174 views
2

我必須根據PHP後端提供的顏色代碼動態地更改網站上的膚色。提示用戶在後端選擇5種顏色。根據這5種顏色創建皮膚。 我已經有工作的CSS,但靜態。現在我需要根據選擇的顏色代碼在靜態css中轉換所有這些顏色。例如,如果從後端選擇5中的第一種顏色是綠色的。所以懸停時的綠色按鈕必須稍微輕微。 這些類型的問題的最佳做法是什麼?我是否應該製作一個公式,比如找出淺綠色和深綠色代碼的差異(如果用戶選擇紅色而不是綠色,那麼懸停時它會變成淺紅色)?或者還有其他方法嗎?動態皮膚

+0

不知道,如果它的最好的方法,但在類似的情況,我創建了5個不同的CSS文件,並加載正確的一個,根據用戶的選擇 – andrew

+1

否,我需要基於任何五千皮用戶選擇的顏色。例如顏色1可以以數千種方式選擇,類似地,可以選擇所有五種顏色並且可以生成數以千計的皮膚。 5 CSS將只生成五個皮膚。 – RY35

回答

1

我寧願使用不透明的工作,比如給按鈕一個背景:rgba(0,0,0,0.5); 這給按鈕背景顏色與50%黑色的頂部,使按鈕略暗。

爲了將選定的顏色傳遞給模板,我確保所有需要更改顏色的html元素都有一個或兩個通用css類。不僅僅是用PHP打印2個css行,它會覆蓋默認的樣式。

.bg-color { 
    background-color:red; 
} 
.font-color { 
    color: red; 
} 
+0

謝謝,這樣比較好。 – RY35