Задачка на сообразительность Тема решена

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
maklom
Экспериментатор
Экспериментатор
Сообщения: 88
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Задачка на сообразительность

Сообщение maklom » 07 мар 2019, 03:10

Дорогие друзья форумчане! Никак не могу допетрить каким образом в адаптивном дизайне можно сделать следующий элемент:

1. На странице присутствует крест из линий или т-образное соприкосновение линий.

2. В каждом секторе креста: сверху, слева-справа и внизу, слева-справа расположен текст.

3. Но это ещё не всё! Текст допустим имеет цветной бэкгрунт, который распологается в поле другого элемента - например сетки вёрстки с другим бэкгрунтом. Как можно такое решить? Заранее благодарю за помощь в этом нелёгком для меня деле.

Таблица, как я понимаю не адаптивна, какие могут быть варианты здесь???
Уже завтра, сегодня станет вчера.

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 4822
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Задачка на сообразительность

Сообщение anonimus » 07 мар 2019, 05:40

Давайте этот элемент в плавающем слое
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Viber, WhatsApp, телеграмм: плюс СЕМЬ 9б2 О5б IЗ IЧ
==============

Аватара пользователя

Автор Темы
maklom
Экспериментатор
Экспериментатор
Сообщения: 88
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Задачка на сообразительность

Сообщение maklom » 07 мар 2019, 11:47

Что означает - плавающий слой? Если не трудно объясните или скинте ссылку на инструкцию! Срасибо заранее!
Уже завтра, сегодня станет вчера.

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 4822
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Задачка на сообразительность

Сообщение anonimus » 07 мар 2019, 11:54

Изображение
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Viber, WhatsApp, телеграмм: плюс СЕМЬ 9б2 О5б IЗ IЧ
==============

Аватара пользователя

Автор Темы
maklom
Экспериментатор
Экспериментатор
Сообщения: 88
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Задачка на сообразительность

Сообщение maklom » 07 мар 2019, 13:38

Понял, но в сетку он не встраивается, так понимаю. Его нужно отдельным элементов приставлять, или страничку делать вообще без сеток. Пока ещё не пробовал работать со слоями... :du_ma_et:
Уже завтра, сегодня станет вчера.

Аватара пользователя

Автор Темы
maklom
Экспериментатор
Экспериментатор
Сообщения: 88
Зарегистрирован: 09 дек 2018, 17:47
Версия Web Builder: 14.2.2

Задачка на сообразительность  Тема решена

Сообщение maklom » 08 мар 2019, 03:03

Как-то со слоем у меня не сложилось. Он вроде прилипает к сетке, но при загрузке на сервер изображение не корректное((( Однако я решил проблему: сменил в одинарной сетке layuot на фиксированный и тогда у меня вставилась ещё одна сетка. Дальше, как говорится - "Дэло Тэхники" !!!
Уже завтра, сегодня станет вчера.

Аватара пользователя

mocktel
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 05 окт 2018, 23:22
Версия Web Builder: 12.5

Задачка на сообразительность

Сообщение mocktel » 09 мар 2019, 16:13

maklom, Попробуй через встроенную страницу на слое


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость