Возможно ли осуществить средствами WB?

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 31 май 2017, 13:00

Добрый день.
Есть страница на сайте: https://the-restaurant.ru/vinnaja-karta.html
1) какими способами можно сделать подобный перечень? Вкладки понятно, но как их заставить растягиваться вниз/вверх, в зависимости от кол-ва текста.
2) как сделать заполнение точками пустых пространств, типа ка в ворде заполнение табуляции знаками (причем динамически меняется при изменении размера окна)?

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

spoon
Опытный
Опытный
Сообщения: 717
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Возможно ли осуществить средствами WB?

Сообщение spoon » 31 май 2017, 13:43

Приветствую, ты пробывал вообще это сделать с помощью текста и точек останова?
Для каждого контейнера используется псевдоэлемент ::after. Попробуй стандартными методами билдера.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

SuperBatya
Сведущий
Сведущий
Сообщения: 194
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Возможно ли осуществить средствами WB?

Сообщение SuperBatya » 31 май 2017, 13:45

Обычное слой-меню (LayerMenu), а на счет точек, то они сделаны не текстом, а просто находятся между текстами...

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

spoon
Опытный
Опытный
Сообщения: 717
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Возможно ли осуществить средствами WB?

Сообщение spoon » 31 май 2017, 13:47

Посмотрел получше))) используется что то типо маски, точки это не текст.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 31 май 2017, 15:02

spoon писал(а):Для каждого контейнера используется псевдоэлемент ::after

Мужики, пожалейте... только учусь, что такое "псевдоэлемент ::after"?

Отправлено спустя 2 минуты 13 секунд:
spoon писал(а):ты пробывал вообще это сделать с помощью текста и точек останова?

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

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1276
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Возможно ли осуществить средствами WB?

Сообщение Gudwinn » 31 май 2017, 16:16

здесь используется overflow: hidden; в текстовом блоке, и поэтому создаётся иллюзия, что количество точек меняется, то есть ширина блока сужается, а сам текст не сужается, а те точки которые за пределом блока, их тупо не видно
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 02 июн 2017, 15:12

Gudwinn, не сочтите за нахальство, а можно простенький пример на WB?

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1276
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Возможно ли осуществить средствами WB?

Сообщение Gudwinn » 03 июн 2017, 15:54

Вот сделал на псевдо элементе (это быстрее и правильнее) http://tochki.offershop.ru Вот архив
tochki.zip
У вас нет необходимых прав для просмотра вложений в этом сообщении.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 03 июн 2017, 17:24

Gudwinn, вы немного неверно поняли вопрос.
Вот картинка как нужно
_cr.jpg

левая часть с текстом и правая с ценами должны оставаться нетронутыми, а точки между ними исчезать при уменьшении ширины. Как-то так...
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

spoon
Опытный
Опытный
Сообщения: 717
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Возможно ли осуществить средствами WB?

Сообщение spoon » 03 июн 2017, 19:17

Держи
Отправлено спустя 58 секунд:
Смотри все настройки, ну и css основы нужны, без них никуда.

Отправлено спустя 1 минуту 38 секунд:
Gudwinn, конечно спасибо, сам бы не допетрил)), нужды как-то не было в этом.

Отправлено спустя 1 минуту 2 секунды:
фото результата
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

Конструкторщик
Эксперт
Эксперт
Сообщения: 1393
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Возможно ли осуществить средствами WB?

Сообщение Конструкторщик » 03 июн 2017, 20:26

Поправил ваши точки,а то они стремно выглядят,скачайте с заменой.
dot.png
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

spoon
Опытный
Опытный
Сообщения: 717
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Возможно ли осуществить средствами WB?

Сообщение spoon » 03 июн 2017, 20:30

:-) Общими усилиями
Съешь ещё этих мягких французских булок, да выпей чаю!

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 06 июн 2017, 10:49

Да, ребята, классно получилось, спасибо. Как и хотелось.
Начал в свой проект вставлять и понял что опять не катит... Сделать все это единоразово - хорошо, а вот с изменением номенклатуры и цен выходит уйма работы в дальнейшем (а оно меняется почти каждую неделю и не по 1-2 шт), вылавливать то еще удовольствие... Видимо, придется все же довольствоваться простой таблицей, без точек... :sh_ok: Так проще, просто заменил таблицу и все

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

spoon
Опытный
Опытный
Сообщения: 717
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 12.5
Имя: Дмитрий
Контактная информация:

Возможно ли осуществить средствами WB?

Сообщение spoon » 06 июн 2017, 17:16

Ну если у тебя постоянно меняется цена, ассортимент и т.д. то этот вариант не для тебя, тут база данных нужна. Ладно если ты сам сайт делаешь для своего бизнеса, перезалил страницу и хорошо, а если сайт для кого-то, то как они будут вносить исправления?
Съешь ещё этих мягких французских булок, да выпей чаю!

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

serafi
Экспериментатор
Экспериментатор
Сообщения: 87
Зарегистрирован: 02 мар 2014, 18:40
Версия Web Builder: 12.0.3
Имя: Александр

Возможно ли осуществить средствами WB?

Сообщение serafi » 12 мар 2018, 21:54

А что за шрифт на сайте?

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

Автор Темы
samsomus
Подающий надежды
Подающий надежды
Сообщения: 116
Зарегистрирован: 29 май 2017, 17:19
Версия Web Builder: 12.0.4

Возможно ли осуществить средствами WB?

Сообщение samsomus » 13 мар 2018, 10:48

serafi, шрифт Oswald-Light


Ответить Вложения 5

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

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

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