动态皮肤

我必须根据PHP后端提供的颜色代码动态地更改网站上的肤色。提示用户在后端选择5种颜色。根据这5种颜色创建皮肤。我已经有工作的CSS，但静态。现在我需要根据选择的颜色代码在静态css中转换所有这些颜色。例如，如果从后端选择5中的第一种颜色是绿色的。所以悬停时的绿色按钮必须稍微轻微。这些类型的问题的最佳做法是什么？我是否应该制作一个公式，比如找出浅绿色和深绿色代码的差异（如果用户选择红色而不是绿色，那么悬停时它会变成浅红色）？或者还有其他方法吗？动态皮肤

来源

2014-02-28 RY35

不知道，如果它的最好的方法，但在类似的情况，我创建了5个不同的CSS文件，并加载正确的一个，根据用户的选择 – andrew

否，我需要基于任何五千皮用户选择的颜色。例如颜色1可以以数千种方式选择，类似地，可以选择所有五种颜色并且可以生成数以千计的皮肤。 5 CSS将只生成五个皮肤。 – RY35

我宁愿使用不透明的工作，比如给按钮一个背景：rgba（0,0,0,0.5）; 这给按钮背景颜色与50％黑色的顶部，使按钮略暗。

为了将选定的颜色传递给模板，我确保所有需要更改颜色的html元素都有一个或两个通用css类。不仅仅是用PHP打印2个css行，它会覆盖默认的样式。

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

来源

2014-06-18 09:13:15 Frankey

谢谢，这样比较好。 – RY35

回答

相关问题