WebSite X5Help Center

 
Алексей С.
Алексей С.
User

Разворачивющийся список  ru

Автор: Алексей С.
Просмотрено 542, Подписчики 1, Размещенный 0  

Добрый день. Подскажите пожалуйста как в WebSite X5 версии 19.3.17 сделать разворачивающийся список, т.е. что бы при щелчке по пункту раздела, разворачивался все содержание раздела (вот пример ссылок что нужно:
https://depobr.admhmao.ru/regionalnye-mekhanizmy-upravleniya-kachestvom-obrazovaniya-/

https://osteopathfabio.com/article-download-file-document-exercise.html#imCell_15 (пример этого способа приведенн в этом описании автором KolAsimhttps://helpcenter.websitex5.com/ru/post/230436
но переведя авто-переводчиком, я не понял описания способа).

Может кто-то пояснить подробней как добиться разворачивающегося списка. Спасибо.

Размещено
17 Ответы
Алексей С.
Алексей С.
User
Автор

нашел еще вот такую инструкцию (http://essedi.altervista.org/_EVO2019/_showhide/index.html), но из нее не пойму откуда берется иденитфикатор imCell_xx и куда он должен быть вставлен или привязан, ничего не понимаю :/

Читать больше
Размещено От Алексей С.
Pavel M.
Pavel M.
User

Можно этим пользоваться пока что

Читать больше
Размещено От Pavel M.
Incomedia
Elisa B.
Incomedia

Hi!

The easiest solution would be using the Accordion Text/FAQ Optional Object, if you need credits you can buy them here:

https://market.websitex5.com/ru/credits

Thanks! Kind regards.

***** Google Translation:

Привет!

Самым простым решением будет использование дополнительного объекта Accordion Text/FAQ. Если вам нужны кредиты, вы можете купить их здесь:

https://market.websitex5.com/ru/credits

Спасибо! С уважением.

 

Читать больше
Размещено От Elisa B.
Алексей С.
Алексей С.
User
Автор
Pavel M.
Можно этим пользоваться пока что

спасибо, попробую.

Читать больше
Размещено От Алексей С.
Pavel M.
Pavel M.
User
Алексей С.
Pavel M. Можно этим пользоваться пока что спасибо, попробую.

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

Читать больше
Размещено От Pavel M.
Pavel M.
Pavel M.
User

как пример

Читать больше
Размещено От Pavel M.
Алексей С.
Алексей С.
User
Автор
Pavel M.
Алексей С.Pavel M. Можно этим пользоваться пока что спасибо, попробую. Там принцип кода, обращающегося к аккаунту, где хранятся ваши виджеты. В бесплатной версии убрать их логотип снизу не получится, но можно его визуально минимизировать, если этот объект сделать на темно-сером фоне, уже в конструкторе здесь, тогда большая часть их текста пропадет, слившись с фоном)

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

Читать больше
Размещено От Алексей С.
Алексей С.
Алексей С.
User
Автор
Pavel M.
Алексей С.Pavel M. Можно этим пользоваться пока что спасибо, попробую. Там принцип кода, обращающегося к аккаунту, где хранятся ваши виджеты. В бесплатной версии убрать их логотип снизу не получится, но можно его визуально минимизировать, если этот объект сделать на темно-сером фоне, уже в конструкторе здесь, тогда большая часть их текста пропадет, слившись с фоном)

хотя стоп, похоже есть.

Читать больше
Размещено От Алексей С.
Pavel M.
Pavel M.
User
Алексей С.
Pavel M.Алексей С.Pavel M. Можно этим пользоваться пока что спасибо, попробую. Там принцип кода, обращающегося к аккаунту, где хранятся ваши виджеты. В бесплатной версии убрать их логотип снизу не получится, но можно его визуально минимизировать, если этот объект сделать на темно-сером фоне, уже в конструкторе здесь, тогда большая часть их текста пропадет, слившись с фоном) хотя стоп, похоже есть.

там можно вставить что душе угодно - картинку, ссылку, код.

Читать больше
Размещено От Pavel M.
Алексей С.
Алексей С.
User
Автор
Pavel M.
Алексей С.Pavel M.Алексей С.Pavel M. Можно этим пользоваться пока что спасибо, попробую. Там принцип кода, обращающегося к аккаунту, где хранятся ваши виджеты. В бесплатной версии убрать их логотип снизу не получится, но можно его визуально минимизировать, если этот объект сделать на темно-сером фоне, уже в конструкторе здесь, тогда большая часть их текста пропадет, слившись с фоном) хотя стоп, похоже есть. там можно вставить что душе угодно - картинку, ссылку, код.

да-да, спасибо, увидел.

Читать больше
Размещено От Алексей С.
Роман Г.
Роман Г.
User
Elisa B.
Привет! Самым простым решением будет использование дополнительного объекта Accordion Text/FAQ. Если вам нужны кредиты, вы можете купить их здесь: https://market.websitex5.com/ru/credits Спасибо! С уважением.  

Кроме текста можно ещё что-то вставить в раскрывающийся список? Например: таблица

Читать больше
Размещено От Роман Г.
Incomedia
Elisa B.
Incomedia

Hi Roman, 

it isn't unfortunately possible to add a table in the Accordion Text Object, I am sorry about this. 

Please let me know if I can help you further. Kind regards.

***** Google Translation:

Привет Роман,

к сожалению, невозможно добавить таблицу в текстовый объект Accordion, я сожалею об этом.

Пожалуйста, дайте мне знать, если я могу помочь вам в дальнейшем. С уважением.

 

Читать больше
Размещено От Elisa B.
Максим Г.
Максим Г.
User
Лучший пользователь месяца RU

А простой код не подходит?  

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Аккордеон</title>
<style>
.tab input, .tab-content { display: none; }
.tab {
font: 0.8rem/1.2 Arial, sans-serif; /* Параметры шрифта */
border: 1px solid #e9eaec; /* Параметры рамки */
border-radius: 3px; /* Скругляем уголки */
color: #848994; /* Цвет текста */
margin-bottom: 10px; /* Расстояние между пунктами */
}
.tab-title {
padding: 10px; /* Поля вокруг текста */
display: block; /* Блочный элемент */
text-transform: uppercase; /* Все буквы заглавные */
font-weight: bold; /* Жирное начертание */
cursor: pointer; /* Вид курсора */
}
.tab-title::after {
content: '+'; /* Выводим плюс */
float: right; /* Размещаем по правому краю */
}
.tab-content {
padding: 10px 20px; /* Поля вокруг текста */
}
.tab :checked + .tab-title {
background-color: #50a2de; /* Цвет фона */
border-radius: 3px 3px 0 0; /* Скругляем уголки */
color: #fff; /* Цвет текста */
}
.tab :checked + .tab-title::after {
content: '−'; /* Выводим минус */
}
.tab :checked ~ .tab-content {
display: block; /* Показываем содержимое */
}
</style>
</head>
<body>
<div class="accordion">
<div class="tab">
<input type="checkbox" id="tab1" name="tab-group">
<label for="tab1" class="tab-title">Что такое HTML5?</label>
<section class="tab-content">
<p>Под HTML5 обычно подразумевают два разных понятия:</p>
<ul>
<li>Это язык разметки документа, пришедший на смену HTML4 и XHTML.</li>
<li>Это набор веб-технологий, позволяющий делать на сайте
всякие интересные штуки.</li>
</ul>
</section>
</div>
<div class="tab">
<input type="checkbox" id="tab2" name="tab-group">
<label for="tab2" class="tab-title">Можно ли программировать на HTML5?</label>
<section class="tab-content">
Нет, на HTML5 по прежнему нельзя программировать, основным языком является JavaScript.
Так что в разговоре лучше не упоминать, что умеешь программировать на HTML5, засмеют.
</section>
</div>
<div class="tab">
<input type="checkbox" id="tab3" name="tab-group">
<label for="tab3" class="tab-title">Чем HTML5 отличается от HTML4?</label>
<section class="tab-content">
В HTML5 добавлены новые элементы, вроде &lt;header&gt;, &lt;footer&gt;,
&lt;aside&gt;, &lt;article&gt;, появилась долгожданная поддержка аудио,
видео и многое другое.
</section>
</div>
</div>
</body>
</html>

Читать больше
Размещено От Максим Г.
Роман Г.
Роман Г.
User
Максим Г.
А простой код не подходит?  

Конечно подходит, любой код подойдет.

Так можно весь сайт собрать из фрагментов...

За ответ спасибо!

Читать больше
Размещено От Роман Г.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x  Alexey S.    (It > Ru) ...если разместите свою ССЫЛКУ, могу попробовать проверить, ...как это было сделано в Теме, на которую вы изначально ссылались...
... вот еще одно мое недавнее изобретение:
https://helpcenter.websitex5.com/ru/post/250700#comment24
.
Привет, ciao
.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪