Блог

Я перепроектирую нашу корпоративную интрасеть. Я использую простую тему, основанную на 5 связанных цветах, для создания единого стиля на всех страницах. Одна вещь, которую я хотел бы сделать, это разрешить каждому пользователю выбирать свою собственную «тему». Достаточно просто создать несколько цветовых палитр, которые будут работать с моим дизайном. То, с чем я играю, — лучший способ реализовать это.

У меня было две мысли, но я открыт для всех предложений. Первым было бы создать базовую таблицу стилей, независимую от темы, и единообразно применять ее. Затем создайте отдельные таблицы стилей тем. Затем применяя это либо с помощью сценариев на стороне сервера, либо 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>
 

И так по одному для каждого элемента темы. Мне просто интересно, есть ли у кого-нибудь опыт реализации такого типа функций и какой, по вашему мнению, «лучший» метод. Наш сайт довольно «легкий», поэтому я не очень обеспокоен обработкой / скоростью, когда дело доходит до манипулирования DOM или загрузки страницы.

Спасибо!

** Я только что использовал очень простой пример кода, так как я еще не начал его реализовывать. Если мой код недостаточно понятен, пожалуйста, дайте мне знать, и я предоставлю дополнительную информацию.

** Также обратите внимание, что я использую классический ASP (это то, с чем я застрял на данный момент), MS SQL, HTML 5, CSS 3 (используя PIE для обеспечения поддержки функций), JavaScript, jQuery и jQuery UI.

Вы можете сохранить тему, выбранную пользователем, в базе данных и, в зависимости от пользователя, вошедшего в систему, применить таблицу стилей.

например

 <% 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.
 

Наличие базовой темы — абсолютно хорошая идея.