Адаптивное меню для Платформы на ПК имеет стандартный вид с выпадающими подменю. На смартфонах меню сворачивается в «сэндвич», где каждое подменю разворачивается вниз по странице.
Исходный код
Файлы widget.txt и head.html откройте в текстовом редакторе Блокнот.
В настройках страницы добавьте новый плагин и назовите его «Адаптивное меню 2».
Откройте его и в HEAD скопируйте стили из файла head.html
Редактор
На страницу добавьте новый HTML-виджет
Выберите в выпадающем списке «Импорт»
и в открытое окно скопируйте исходный код из файла widget.txt
и нажмите «Сохранить».
Параметры
В виджете «Адаптивное меню» вы можете легко изменять его настройки в режиме предварительного просмотра.
Для изменения пунктов меню, необходимо открыть «Исходный код» виджета
и во вкладке HTML редактировать пункты меню. Они имеют довольно простой формат
|
1 2 3 4 |
<ul> <li><a href="#">Строка меню 1</a></li> <li><a href="#">Строка меню 2</a></li> </ul> |
Вложенные меню имеют точно такой же вид, например
|
1 2 3 4 5 6 7 8 9 10 |
<ul> <li><a href="#">Первый уровень 1</a></li> <li> <a href="#">Первый уровень 2</a> <ul> <li><a href="#">Второй уровень 1</a></li> <li><a href="#">Второй уровень 2</a></li> </ul> </li> </ul> |
Опубликуйте и проверьте работу меню.