2014-11-09 3 views
1

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

Так что мой вопрос в том, есть ли способ сказать: когда цвет # BC37ED меняет его на # 3748ed, например? Возможно, используя JavaScript или даже в самом файле CSS?

Любая помощь очень ценится. Благодаря!

+4

Попробуйте использовать LESS или Sass и их переменные. Вам все равно придется изменять значения переменных перед созданием каждой цветовой схемы, но это должно быть намного проще, чем вручную находить и заменять каждый цвет. – quantumwannabe

+0

Спасибо за помощь! – Adriana

ответ

1

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

+1

Благодарим вас за помощь! – Adriana

+0

Несомненно. Вы решили, как вы это сделаете? – Oakley

+0

Я новичок, поэтому мне нужно научиться использовать оба этих метода, чтобы я мог выбирать между ними. Между тем, что я сделал, я сохранил основные файлы CSS, и я разделил цвет на только цвета и использовал медиа-запросы, чтобы ограничить количество файлов. Он работал, все равно оставил меня с жестким обслуживанием. И кто-то также упомянул о возможности использования php. Итак, я собираюсь изучить эти варианты и посмотреть, какой из них подходит лучше всего. Но вы, по крайней мере, указали мне на правильное направление, которое для новичка - это огромная помощь! Спасибо огромное! – Adriana

 Смежные вопросы

  • Нет связанных вопросов^_^