Categories

Новые шаблоны

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

Norman Fisher Июль 17, 2013
Rating: 5.0/5. From 1 vote.
Please wait...

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

JS Animated. Как изменить стили 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.

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

JS Animated. Как изменить стили CSS для сайта для разных разрешений экрана
Эта запись была размещена в JS Animated туториалы и помечена как dependent, edit, resolution, screen, styles. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов