Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Адаптация под мобильник, планшет

Посетитель
Dendix
Сообщений: 12
Дзержинск
156 дней назад
Подскажите какие файлы отвечают за норм. показ на мобильном? Как адаптировать темку?
Постоянный участник
Степаныч
Медаль
Сообщений: 639
4 дня назад
За адаптивный дизайн отвечает только script.responsive.js и style.responsive.css все остальные файлы те же самые.
В них и копать нужно.

ЗЫ: Для предпросмотра изменений лучше пользоваться расширениями, например в Лисе Инструменты--Веб-разработка--Адаптивный дизайн (включитьвыключить). Конечно уже на установленном шаблоне, смотреть что творишь laugh
Это если не знаете.Добавлено спустя 6 минутЭто если я Вас правильно понял о чем спросили.
Редактировалось: 1 раз (Последний: 23 мая 2014 в 00:26)
Посетитель
Dendix
Сообщений: 12
Дзержинск
156 дней назад
Попробую спс, может подскажете конкретно, не показывает задний фон почему-то корректно.. delux-mag.ru
Редактировалось: 1 раз (Последний: 24 мая 2014 в 15:39)
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 924
1 день назад
Dendix, просто фон показывает
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Но есть не адаптивные элементы, картинка в header, соцсети в блоке, и способы оплаты (сделайте из не одной картинкой, а повставляйте через программу иконками наверно станет нормально).

Скрипт соц. сетей нужно искать другой, или не в этом месте.

Картинка с женщиной...

Посмотрите в файле script.js в конце, есть примерно такое:

Код PHP:
  1.  
  2. if (typeof window.resizeData === 'undefined') window.resizeData = {};
  3. window.resizeData.headerPageWidth = false;
  4. if (typeof window.defaultResponsiveData === 'undefined') window.defaultResponsiveData = [false, true, true, true, true, ];
  5.  
  6. resizeData['headline'] = {
  7. responsive: [
  8. { left: 0.01, top: 0.43, visible: true },
  9. { left: 0.01, top: 0.43, visible: true },
  10. { left: 0.01, top: 0.43, visible: true },
  11. { left: 0.01, top: 0.43, visible: true },
  12. { left: 0.01, top: 0.43, visible: true },
  13. ],
  14. area: {
  15. x: 0,
  16. y: 0
  17. },
  18. width: 231,
  19. height: 43,
  20. autoWidth: true};
  21.  
  22. resizeData['object227400126'] = {
  23. responsive: [
  24. { left: 0.98, top: 0.46, visible: true },
  25. { left: 0.98, top: 0.46, visible: true },
  26. { left: 0.98, top: 0.46, visible: true },
  27. { left: 0.98, top: 0.46, visible: true },
  28. { left: 0.98, top: 0.46, visible: true },
  29. ],
  30. area: {
  31. x: 0,
  32. y: 0
  33. },
  34. width: 200,
  35. height: 26,
  36. autoWidth: false};
  37.  
  38.  
Так вот, это соответственные параметры, для показа или нет картинок в шапке. false не показывать объект, true показывать.

Найдите соответствие своему рисунку и соответственно для адаптивного поставить в

Код PHP:
  1.  
  2. if (typeof window.defaultResponsiveData === 'undefined') window.defaultResponsiveData = [false, true, true, true, true, ];
  3.  
  4.  
false, true, true, true, true, найти что относится к изображению и изменить эту формулу.

Честно скажу так глубоко не копал, может ошибаюсь, но думаю где то здесь.

То есть смысл сделать при адаптивном дизайне эту картинку вообще не видимой.
Посетитель
Dendix
Сообщений: 12
Дзержинск
156 дней назад
samson:
просто фон показывает
Вот именно фон и не показывает когда страничку двигаешь туда сюда.. он как-то куском показывает
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 924
1 день назад
Dendix, какой браузер? На лисе вроде нормально.
Посетитель
Dendix
Сообщений: 12
Дзержинск
156 дней назад
я с тел смотрю, при чем тут лиса))) пришлось сделать скролинг, то сразу норм отображается
|
Перейти на форум: