0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 7019 Просмотров
*

Elledan

  • Новичок
  • 2
  • 0
Добрый день, господа эксперты) снова я, снова с вопросом. где найти CSS файл, отвечающий за мобильную версию шаблона beez3, чтобы изменить цвет фона в шапке?

P/S: использую цветовую схему personal
« Последнее редактирование: 06.08.2014, 17:22:30 от Elledan »
*

darkghost

  • Практически профи
  • 2100
  • 95
чтобы определить файл, необходимо подгрузить мобильную версию сайта. В Инете существуют сервисы, где это проделать онлайн. Например - сервис --->>>
Спойлер
[свернуть]
Вводим в строку сайт и смотрим как он отображается на мобильных устройствах. Затем берем FireBug и проделываем точно так, как и с обычным сайтом
*

mgthr

  • Захожу иногда
  • 18
  • 0
Всем привет да но этот инструмент  http://webmark.com.ua/mobile/ отображает сам сайт.
А у меня специально на телефоне включается мобильная версия сайта.
А на http://webmark.com.ua/mobile/ нет. Как редактировать мобильную версию сайта - что бы было так же удобно как и с FireBug?
*

darkghost

  • Практически профи
  • 2100
  • 95
вызываете FireBug и здесь же, на странице, на "экране планшета, мобильного" ведете поиск. В итоге, получите стили и классы Вашего сайта и скорее всего, настройки для моб.приложений, если конечно такие у Вас предусмотрены в шаблоне
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Всем привет да но этот инструмент  http://webmark.com.ua/mobile/ отображает сам сайт.
А у меня специально на телефоне включается мобильная версия сайта.
А на http://webmark.com.ua/mobile/ нет. Как редактировать мобильную версию сайта - что бы было так же удобно как и с FireBug?
Открываете FireBug и колесиком мышки увеличиваете масштаб, если сайт перестраивается как на телефоне то должно показать в каких CSS файлах находятся стили.
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

almika

  • Давно я тут
  • 269
  • 22
В Firefox есть Инструменты->Веб-разработка->Адаптивный дизайн
Выбираете из пресетов или задаёте свой размер
Включаете FireBug
В IE последних тоже есть Сервис -> Средства разработчика (предварительно, кажется, надо включить в настройках)
Выбираете Эмуляция, настраиваете, потом смотрите Проводник DOM
*

mgthr

  • Захожу иногда
  • 18
  • 0
В Firefox есть Инструменты->Веб-разработка->Адаптивный дизайн
Выбираете из пресетов или задаёте свой размер
Включаете FireBug
В IE последних тоже есть Сервис -> Средства разработчика (предварительно, кажется, надо включить в настройках)
Выбираете Эмуляция, настраиваете, потом смотрите Проводник DOM

Спасибо это уже ближе но все равно не то... Вот как выходит:

А должно быть:

На компьютере не могу открыть эту версию...
Вот в чем вопрос... на телефоне переключение осуществляется http://name/?mobile=1 or 0 но на компьютере ноль реакции. Вот и задаю вопрос профи как мне на компьютере открыть через FireBug и отредоктировать CSS. Поскольку редактирую в слепую ничего не происходит!
*

darkghost

  • Практически профи
  • 2100
  • 95
интересно получается. Так прописанная жесткая ширина шапки, например
Код
.wrapper {
    width: 1150px;
}
и на моб.устройствах не подтягивается файлы CSS для этих устройств. Как проверить где искать и править? Вот ссылка на сайт
Спойлер
[свернуть]
, открываете через FireBug и сканируем, смотрим сайт прям на моб.картинках
*

almika

  • Давно я тут
  • 269
  • 22
На компьютере не могу открыть эту версию...
Средства выше могут быть использованы, если ваш сайт меняется в зависимости от разрешения окна браузера. Иногда в шаблоне встроен анализатор user agent для подгрузки разных стилей.
Есть разные эмуляторы для мобильных устройств, можете попробовать их. Вот, например:
https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
Но для начала попробуйте глянуть в шаблоне, может, для отладки задать параметр mobile=1 жёстко и проверить обычными средствами (как указано выше).
*

Bozhkov2

  • Давно я тут
  • 222
  • 8
Мой сайт перестраивается чисто на CSS. Используйте
Код
@media (max/min-width: Xpx) {
.yourclass1{[свойства для указанного разрешения]}
.yourclass2{[свойства для указанного разрешения]}
}
« Последнее редактирование: 19.05.2015, 12:01:30 от Bozhkov2 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать маркеры на Joomla 2.5 и VM 2?

Автор Rok-16

Ответов: 5
Просмотров: 242
Последний ответ 14.06.2017, 23:46:19
от Rok-16
Joomla 3.6.5 - центрирование сайта

Автор romanovakira2012

Ответов: 1
Просмотров: 214
Последний ответ 02.06.2017, 03:00:46
от almika
Как уменьшить размер логотипа на шаблоне protostar Joomla 3 ?

Автор maximka21reg

Ответов: 4
Просмотров: 1101
Последний ответ 03.12.2016, 03:09:01
от satyricon
Где найти HTML каждой страницы сайта

Автор Sirius02030

Ответов: 3
Просмотров: 411
Последний ответ 08.11.2016, 20:43:22
от Sirius02030
Адаптивность колонок Joomla

Автор fragmatic92

Ответов: 3
Просмотров: 327
Последний ответ 08.11.2016, 05:28:56
от Strikerus