我必須根據PHP後端提供的顏色代碼動態地更改網站上的膚色。提示用戶在後端選擇5種顏色。根據這5種顏色創建皮膚。 我已經有工作的CSS,但靜態。現在我需要根據選擇的顏色代碼在靜態css中轉換所有這些顏色。例如,如果從後端選擇5中的第一種顏色是綠色的。所以懸停時的綠色按鈕必須稍微輕微。 這些類型的問題的最佳做法是什麼?我是否應該製作一個公式,比如找出淺綠色和深綠色代碼的差異(如果用戶選擇紅色而不是綠色,那麼懸停時它會變成淺紅色)?或者還有其他方法嗎?動態皮膚
Q
動態皮膚
2
A
回答
1
我寧願使用不透明的工作,比如給按鈕一個背景:rgba(0,0,0,0.5); 這給按鈕背景顏色與50%黑色的頂部,使按鈕略暗。
爲了將選定的顏色傳遞給模板,我確保所有需要更改顏色的html元素都有一個或兩個通用css類。不僅僅是用PHP打印2個css行,它會覆蓋默認的樣式。
.bg-color {
background-color:red;
}
.font-color {
color: red;
}
+0
謝謝,這樣比較好。 – RY35
相關問題
- 1. CKEditor皮膚的動態更新
- 2. Flex 4皮膚:根據父容器狀態更改皮膚
- 3. 移動皮膚搜索與正常皮膚搜索不同
- 4. MXML:Spark皮膚VGroups滾動條
- 5. 拆散皮膚
- 6. Eclipse黑皮膚
- 7. Flex4 TabBar皮膚
- 8. delphi7皮膚
- 9. TinyMCE皮膚,比
- 10. 皮膚dropdownbox
- 11. 如何動態更改活動的皮膚?
- 12. Flex TabbedViewNavigatorApplication Actionbar皮膚
- 13. 從TextArea皮膚VScrollBar
- 14. 定製'quipol'皮膚?
- 15. 無法皮膚DateSpinner
- 16. 皮膚在DotNetNuke的
- 17. jquery皮膚滑塊?
- 18. 皮膚MSI包裝
- 19. ASP.NET主題皮膚
- 20. EmguCV皮膚檢測
- 21. OpenCV皮膚檢測
- 22. 皮膚對話框
- 23. tiny_mce皮膚問題
- 24. ASP.NET CommandField和皮膚
- 25. 默認皮膚LibGDX?
- 26. 使用電流皮膚反應(皮膚電導)的放鬆狀態/正常狀態/壓力狀態的範圍
- 27. 皮膚指數和皮膚重量是什麼意思?
- 28. 如何創建dotnetnuke皮膚和皮膚對象?
- 29. 自定義Flex皮膚 - 按鈕皮膚中的輔助按鈕
- 30. XAML皮膚設置codebehind - 如何在設計時皮膚?
不知道,如果它的最好的方法,但在類似的情況,我創建了5個不同的CSS文件,並加載正確的一個,根據用戶的選擇 – andrew
否,我需要基於任何五千皮用戶選擇的顏色。例如顏色1可以以數千種方式選擇,類似地,可以選擇所有五種顏色並且可以生成數以千計的皮膚。 5 CSS將只生成五個皮膚。 – RY35