В этом уроке Вы узнаете, как изменить в JS анимированном шаблоне стили CSS для сайта для разных разрешений экрана.
JS Animated. Как изменить стили CSS для сайта для разных разрешений экрана
Если у Вас Responsive JS Animated/Bootstrap шаблон, то у него есть разные стили CSS для разных разрешений экрана. Если нужно их изменить:
- МЫ советуем использовать браузер Mozilla Firefox с установленным Firebug .
- Перейдите в папку ‘site’ Вашего шаблона и откройте в Firefox файл index.html.
- В Firefox перейдите в Tools -> Web Developer -> Responsive Design View (инструменты -> вэб разработчик -> Просмотр адаптивного веб-дизайна (или просто нажмите на Ctrl + Shift + M):
- Благодаря выпадающему списку расширений можно посмотреть, как шаблон будет на них выглядеть.
- Если нужно что-то изменить в .css на сайте на конкретном разрешении экрана, то с помощью Firebug найдите имя нужного файла, его локацию и строку, чтобы сделать соответствующие изменения. Большинство это файл style.css в ‘site/css’ папке шаблона а строка должна быть сразу после RESPONSIVE LAYOUTS(адаптивные макеты). С помощью Firebug можно определить точный номер строки и постараться внести изменения до того, как Вы их произведете в .css.
Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:
JS Animated. Как изменить стили CSS для сайта для разных разрешений экрана