JS Animated. Как изменить стили CSS для сайта для разных разрешений экрана

В этом уроке Вы узнаете, как изменить в JS анимированном шаблоне стили CSS для сайта для разных разрешений экрана.

Если у Вас Responsive JS Animated/Bootstrap шаблон, то у него есть разные стили CSS для разных разрешений экрана. Если нужно их изменить:

1. МЫ советуем использовать браузер Mozilla Firefox с установленным Firebug .
2. Перейдите в папку ‘site’ Вашего шаблона и откройте в Firefox файл index.html.
3. В Firefox перейдите в Tools -> Web Developer -> Responsive Design View (инструменты -> вэб разработчик -> Просмотр адаптивного веб-дизайна (или просто нажмите на Ctrl + Shift + M):

4. Благодаря выпадающему списку расширений можно посмотреть, как шаблон будет на них выглядеть.

5. Если нужно что-то изменить в .css на сайте на конкретном разрешении экрана, то с помощью Firebug найдите имя нужного файла, его локацию и строку, чтобы сделать соответствующие изменения. Большинство это файл style.css в ‘site/css’ папке шаблона а строка должна быть сразу после RESPONSIVE LAYOUTS(адаптивные макеты). С помощью Firebug можно определить точный номер строки и постараться внести изменения до того, как Вы их произведете в .css.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: