Форум русской поддержки Joomla!® CMS
04.12.2016, 01:55:51 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как редактировать CSS для мобильной версии сайта? Joomla 3.x?

 (Прочитано 4933 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Elledan
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« : 06.08.2014, 14:15:52 »

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

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

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #1 : 15.08.2014, 11:57:21 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 21



« Ответ #2 : 26.04.2015, 16:04:56 »

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

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #3 : 27.04.2015, 19:37:36 »

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

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #4 : 27.04.2015, 21:41:29 »

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

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 187



« Ответ #5 : 30.04.2015, 05:20:19 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 21



« Ответ #6 : 15.05.2015, 03:55:09 »

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

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

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

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

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #7 : 15.05.2015, 13:23:29 »

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

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 187



« Ответ #8 : 16.05.2015, 04:52:07 »

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

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #9 : 19.05.2015, 12:57:59 »

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

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet