Question

我重新设计了我们的企业内联网。我使用基于5种相关颜色的简单主题在所有页面上创建统一的样式。我想做的一件事是允许每个用户选择他们自己的＆＃34;主题＆＃34;。创建可与我的设计配合使用的多个彩色托盘非常容易。我所想要的是实现这一目标的最佳方式。

我有两个想法，但我对所有建议持开放态度。第一种方法是创建一个独立于主题的基本样式表，并统一应用它。然后创建单独的主题样式表。然后通过服务器端脚本或JavaScript / jQuery应用它。我的另一个想法是使用一个样式表然后使用jQuery将它们应用于每个元素。例如：

<div class="theme_color_1"></div>

<script type="text/javascript">
    function colorize(theme){
         if(theme === 0){
             $('.theme_color_1').addClass('blue_theme_1');
         }
         else if(theme === 1){
             $('.theme_color_1').addClass('red_theme_1');
         }
         else{
             $('.theme_color_1').addClass('default_theme_1');
         }
    }
</script>

每个主题项都有一个。我只是想知道是否有人有实施此类功能的经验以及您认为最好的＆＃34;方法是。我们的网站相当轻松＆＃34;因此，在涉及DOM操作或页面加载时，我并不十分关注处理/速度。

谢谢！

**我刚刚使用了一个非常简单的代码示例，因为我还没有开始实现它。如果我的代码不够详细，请告诉我，我会提供更多详细信息。

**另请注意，我使用的是经典ASP（它暂时是我所坚持的），MS SQL，HTML 5，CSS 3（使用PIE提供功能支持），JavaScript，jQuery和jQuery UI。

Answer 1

您可以将用户选择的主题保存在数据库中，并根据登录的用户应用样式表。

e.g。

<% if rs("style") = 1 then %>
<link href="theme1.css" rel="stylesheet" type="text/css" />
<% elseif rs("style") = 2 then %>
<link href="theme2.css" rel="stylesheet" type="text/css" />
...etc.

拥有基本主题绝对是一个好主意。

添加允许用户为网站选择颜色主题的功能

1 个答案: