Изменить параметры пользовательской настройки сайта для изменения CSS?

Question

В настоящее время я работаю над простым веб-приложением, где каждый пользователь имеет свой собственный сайт со своим собственным поддоменом.

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

Я думаю о чем-то вроде формы простой формы с jquery и подборщиком цветов, чтобы изменить цвет элементов. У каждого пользователя, вероятно, должна быть своя таблица стилей? (Не с полным доступом к нему, а только с тем, чтобы свойства были уникальными для этого сайта.)

Im не совсем уверен, как это все вместе.

Если у кого-то есть идеи, я был бы очень признателен за вашу помощь.

Answer 1

Хорошо, поэтому ответ, который я нашел, довольно прост.

Чтобы изменить цвет фона я добавил :string поле в моей sites таблице называется bgcolor.

Затем я добавил новые входы в формы simpleform - на новые и редактирует виды для сайта.

Наконец я добавил встроенный блок <style> к макету я использую для пользователя сайта

<style type="text/css"> 

    body{ background-color: <%= @site.bgcolor %>;} 

</style> 

же за все остальное я хочу настроить. И все, кажется, работает. Выиграйте для ERB.

Answer 2

Возможно, этот сайт поможет вам начать работу.

http://www.thesitewizard.com/javascripts/change-style-sheets.shtml

также увидеть это.

http://www.thesitewizard.com/css/switch-alternate-css-styles.shtml

Answer 3

Самый простой для реализации является создание настраиваемых CSS-заявления только в разделе HTML-головки вашего макета, а не в отдельном CSS-файле. Таким образом, вам также не нужно думать о проблемах с кешем.

Конечно, это не самый масштабируемый метод, так как css написан для каждой страницы. Но сначала сделайте это работать, чем сделайте это быстро.