我必須根據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. Flex 4皮膚:根據父容器狀態更改皮膚
- 2. 移動皮膚搜索與正常皮膚搜索不同
- 3. MXML:Spark皮膚VGroups滾動條
- 4. 拆散皮膚
- 5. delphi7皮膚
- 6. Flex4 TabBar皮膚
- 7. Eclipse黑皮膚
- 8. 皮膚dropdownbox
- 9. TinyMCE皮膚,比
- 10. 如何動態更改活動的皮膚?
- 11. 定製'quipol'皮膚?
- 12. 默認皮膚LibGDX?
- 13. 皮膚對話框
- 14. 從TextArea皮膚VScrollBar
- 15. ASP.NET主題皮膚
- 16. ASP.NET CommandField和皮膚
- 17. Flex TabbedViewNavigatorApplication Actionbar皮膚
- 18. 無法皮膚DateSpinner
- 19. 皮膚MSI包裝
- 20. tiny_mce皮膚問題
- 21. 皮膚在DotNetNuke的
- 22. OpenCV皮膚檢測
- 23. jquery皮膚滑塊?
- 24. EmguCV皮膚檢測
- 25. 使用電流皮膚反應(皮膚電導)的放鬆狀態/正常狀態/壓力狀態的範圍
- 26. 如何創建dotnetnuke皮膚和皮膚對象?
- 27. 自定義Flex皮膚 - 按鈕皮膚中的輔助按鈕
- 28. XAML皮膚設置codebehind - 如何在設計時皮膚?
- 29. Three.js皮膚動畫(r74 +)功能
- 30. 皮膚WPF中的滾動條
不知道,如果它的最好的方法,但在類似的情況,我創建了5個不同的CSS文件,並加載正確的一個,根據用戶的選擇 – andrew
否,我需要基於任何五千皮用戶選擇的顏色。例如顏色1可以以數千種方式選擇,類似地,可以選擇所有五種顏色並且可以生成數以千計的皮膚。 5 CSS將只生成五個皮膚。 – RY35