Перейти к содержанию
Seman

Раскрасить Opencart в свои цвета

Рекомендуемые сообщения

Добрый вечер уважаемые форумчане! :)

Давно уже хотел создать тему относительно цвета разных элементов и фонов Opencart. Сейчас она мне более чем актуальна, поэтому прошу всех знающих разобраться с рядом возникших вопросов. Собственно пользуюсь дефолтным шаблоном Opencart 2.0 и пытаюсь методом "тыка" в stylesheet, так сказать, разукрасить интернет-магазин на свой вкус.

Постараюсь разложить всё по пунктам, поэтому просьба в ответе указывать номер пункта дабы понять с какой целью совершается то или иное действие.

Большое Спасибо всем, кто откликнется! Добра Вам! :)

 

Пункт 1. Главное меню и фон сайта.

 

1.1. Фон области главного меню

1.2. Цвет кнопки главного меню (обычная и под курсором)

1.3. Цвет шрифта в названии кнопки меню

1.4. Фон подменю

1.5. Цвет выделения области под курсором

1.6. Цвет шрифта под курсором

1.7. Фон сайта

9a108efa9312.jpg

________________________________________________________________________________________

 

Пункт 2. Просмотр карточки товара.

 

2.1. Фон проводника

2.2. Цвет шрифта категорий в проводнике

2.3. Фон области фотографии

 

b536592db7a5.jpg

________________________________________________________________________________________

 

 

Пункт 3. Футер.

 

3.1. Цвет шрифта пунктов меню

3.2. Фон футера

dd43abf35c43.jpg

________________________________________________________________________________________

 

 

Пункт 4. Просмотр товаров.

 

4.1. Цвет шрифта названия товара

4.2. Цвет шрифта подписей кнопок

4.3. Фон кнопок

 

c0227905d7a7.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я же и начну. 1.7. - для смены фона прописать в body нужный цвет 

color:    

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ответ на все пункты сразу

 

Берем браузет в руки, правая кнопка мыши =>  инспектор кода элементов или просмотр кода элементов  и выберем исследовать элемент и смотрим стили 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

модуль бесплатной раскраски

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ответ на все пункты сразу

 

Берем браузет в руки, правая кнопка мыши =>  инспектор кода элементов или просмотр кода элементов  и выберем исследовать элемент и смотрим стили 

Согласен. Всегда боялся им пользоваться почему-то... Разобрался и это действительно удобно. Спасибо за совет! Тему можно закрыть.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.