Кто уже начал разбираться с адаптивностью в 10 версии?

[gladiolus0707]

Никак не могу понять, какие эллементы отвечают за резиновость в 10 версии. Кто нибудь уже начал разбираться?

[Alex]

Адаптивный дизайн, точки астанова делаешь под разные разрешения.

[mirekwebb]

А можно по подробнее про адаптивный дизайн, я сильно не вникал, но по быстрому добавив новое разрешение и отредактировав дизайн, отправил его в предпросмотр и увидел абракадабру(всё не на своих местах, а чего-то и не было вовсе).
Я думаю данный вопрос будет многим интересен и если опишите буду благодарен не только я.

[Alex]

Просто под новое расширение расставляете объекты по новой, т.е. что бы они вписывались в рамки нового размера.
Подробнее здесь можно почитать http://www.wysiwygwebbuilder.com/respon ... esign.html , там же можно почитать, какие изменения можно делать, какие нет.

[SEmaster2000]

Спасибо!
Это страничка http://www.wysiwygwebbuilder.com/respon ... esign.html помогла понять принцип работы

[SEmaster2000]

Вообщем, в теории понятно, а на практике совсем по другому.

Добавляем точку остановы например 320px и видим следующее


Объекты или элементы на странице удалять нельзя, т.к. они удаляются и с основной страницы index.php. Единственный вариант который я нашел - это копировать объекты и отключать их в менеджере объектов


Но и тут оно корявит. Загрузил на хостинг и проверил отображение в http://ami.responsivedesign.is/ - частично норм, но!....
Те объекты, что были по ширине листа в index, а я сделал по высоте в index [320px]
Но они в index [320px] всё равно отображаются по ширине и рвут экран

Кто знает как это исправить? Глюк проги или где-то что-то пропустил?

[Alex]

Ты читал на жёлтом фоне, что и как можно править?

[SEmaster2000]

Ага, читал
То, что понял - описал. Все настройки выставлены как описано на странице.
И всё равно что-то не то.

Может знаешь ответ? Возможно он на поверхности, но я не могу его увидеть?

[Alex]

Честно говоря, пока руки не доходят подербанить этот вопрос... сайтик кстати в весе прибавляет при таком решении.

[KVK]

да не все так просто с точками, только если все объекты продумывать сразу исходя из наименьших разрешений, чтобы не добавлять в код дубликаты, а только перемещать.

[StreetLine]

делал свой первый сайт (вообще первый:))... решил проблему так: поставил фон, в свойствах страницы (стиль) выставил 100%100%, повтор в обоих направлениях, расположение по центру страницы. на всех мониторах отображается отлично и фон на месте остается прокручивается только текс. на мобильных тоже все ок. конечно на "длинных" мониторах сайт позиционируется по центру а по бокам просто фон сайта но, думаю, так даже удобней))

[zheka]

Ага, читал
То, что понял - описал. Все настройки выставлены как описано на странице.
И всё равно что-то не то.

Может знаешь ответ? Возможно он на поверхности, но я не могу его увидеть?

Получилось сделать адаптивный шаблон или нет? Если да, то отпишитесь, плиз, подробно, что и как надо делать.

[anonimus]

это не рассказать в трёх словах

[ihark]

это не рассказать в трёх словах

Думаешь, не разберемся?

[anonimus]

Источник цитаты Думаешь, не разберемся?

ничего не думаю по этому поводу

[a1890557]

Вообщем, в теории понятно, а на практике совсем по другому.

Добавляем точку остановы например 320px и видим следующее


Объекты или элементы на странице удалять нельзя, т.к. они удаляются и с основной страницы index.php. Единственный вариант который я нашел - это копировать объекты и отключать их в менеджере объектов


Но и тут оно корявит. Загрузил на хостинг и проверил отображение в http://ami.responsivedesign.is/ - частично норм, но!....
Те объекты, что были по ширине листа в index, а я сделал по высоте в index [320px]
Но они в index [320px] всё равно отображаются по ширине и рвут экран

Кто знает как это исправить? Глюк проги или где-то что-то пропустил?

Как Вы правильно заметили, удалять ничего нельзя.Но не надо и копировать тоже, иначе у вас будет такая страница, что пол года грузится будет в смартфонах.
Те элементы которые становятся лишними на каких то точках останова, просто скрываете, причём не просто скрываете, а допустим если это картинка, то уменьшаем её размеры, прижимаем её максимально слева(в этом же слое ) потом уже скрываем. Если обьекты выводить за пределы слоя и там скрывать, то это потом обернётся страшной фигнёй, слои будут при клике самопроизвольно принимать исходные размеры до скрытого объекта(вне слоя если)
Вот мой адаптивный лэнд где ничего не копировал на новых точках останова http://aviator.offershop.ru/

[gladiolus0707]

Как Вы правильно заметили, удалять ничего нельзя.Но не надо и копировать тоже, иначе у вас будет такая страница, что пол года грузится будет в смартфонах.
Те элементы которые становятся лишними на каких то точках останова, просто скрываете, причём не просто скрываете, а допустим если это картинка, то уменьшаем её размеры, прижимаем её максимально слева(в этом же слое ) потом уже скрываем. Если обьекты выводить за пределы слоя и там скрывать, то это потом обернётся страшной фигнёй, слои будут при клике самопроизвольно принимать исходные размеры до скрытого объекта(вне слоя если)
Вот мой адаптивный лэнд где ничего не копировал на новых точках останова http://aviator.offershop.ru/

Молодца

[a1890557]

Как Вы правильно заметили, удалять ничего нельзя.Но не надо и копировать тоже, иначе у вас будет такая страница, что пол года грузится будет в смартфонах.
Те элементы которые становятся лишними на каких то точках останова, просто скрываете, причём не просто скрываете, а допустим если это картинка, то уменьшаем её размеры, прижимаем её максимально слева(в этом же слое ) потом уже скрываем. Если обьекты выводить за пределы слоя и там скрывать, то это потом обернётся страшной фигнёй, слои будут при клике самопроизвольно принимать исходные размеры до скрытого объекта(вне слоя если)
Вот мой адаптивный лэнд где ничего не копировал на новых точках останова http://aviator.offershop.ru/

Молодца

Спасибо))

[a1890557]

Никак не могу понять, какие эллементы отвечают за резиновость в 10 версии. Кто нибудь уже начал разбираться?

Здравствуйте Гладиолус707, я сейчас хочу плотно разобраться с вёрсткой на веббилдере посредством фреймворков бустрапа, Вы работали в этом направлении? Адаптивная вёрстка стандартная на билдере мною освоена полностью, и не вызывает затруднений, однако напрягает долгое открытие страниц на мобилах, чистый респонсив в этом плане конечно предпочтительней, с слайдерами, фотогалереями и формами я разобрался в бустрапе, осталось вникнуть в динамически меняемый размер текста от размера экрана, и всё))

[anonimus]

Источник цитаты осталось вникнуть в динамически меняемый размер текста от размера экрана, и всё))

Отправлено спустя 53 секунды:

Источник цитаты однако напрягает долгое открытие страниц на мобилах,

значит вы не всё освоили, или делаете что-то не совсем правильно

Отправлено спустя 1 минуту 20 секунд:

Источник цитаты я сейчас хочу плотно разобраться с вёрсткой на веббилдере посредством фреймворков бустрапа

а вот упоминание про бустрап в контексте веббилдера выглядит как-то нелепо
а это значит, что вы не совсем понимаете специфику работы веббилдера или назначение фреймворка бустрап