[РЕШЕНО] Адаптация под мобильник, планшет
Dendix
Подскажите какие файлы отвечают за норм. показ на мобильном? Как адаптировать темку?
Степаныч
За адаптивный дизайн отвечает только script.responsive.js и style.responsive.css все остальные файлы те же самые.
В них и копать нужно.

ЗЫ: Для предпросмотра изменений лучше пользоваться расширениями, например в Лисе Инструменты--Веб-разработка--Адаптивный дизайн (включитьвыключить). Конечно уже на установленном шаблоне, смотреть что творишь laugh
Это если не знаете.Добавлено спустя 6 минутЭто если я Вас правильно понял о чем спросили.
Редактировалось: 1 раз (Последний: 23 мая 2014 в 00:26)
Dendix
Попробую спс, может подскажете конкретно, не показывает задний фон почему-то корректно.. delux-mag.ru
Редактировалось: 1 раз (Последний: 24 мая 2014 в 15:39)
samson
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
samson:
просто фон показывает
Вот именно фон и не показывает когда страничку двигаешь туда сюда.. он как-то куском показывает
samson
Dendix, какой браузер? На лисе вроде нормально.
Dendix
я с тел смотрю, при чем тут лиса))) пришлось сделать скролинг, то сразу норм отображается
Перейти на форум: