WebSite X5Help Center

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

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

Author: Алексей С.
Visited 1031, Followers 1, Shared 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/en/post/230436
но переведя авто-переводчиком, я не понял описания способа).

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

Posted on the
17 ANSWERS
Алексей С.
Алексей С.
User
Author

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

Read more
Posted on the from Алексей С.
Pavel M.
Pavel M.
User

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

Read more
Posted on the from 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

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

 

Read more
Posted on the from Elisa B.
Алексей С.
Алексей С.
User
Author
Pavel M.
Можно этим пользоваться пока что

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

Read more
Posted on the from Алексей С.
Pavel M.
Pavel M.
User
Алексей С.
Pavel M. Можно этим пользоваться пока что спасибо, попробую.

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

Read more
Posted on the from Pavel M.
Pavel M.
Pavel M.
User

как пример

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

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

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

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

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

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

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

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

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

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

Read more
Posted on the from Роман Г.
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, я сожалею об этом.

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

 

Read more
Posted on the from Elisa B.
Максим Г.
Максим Г.
User

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

<!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>

Read more
Posted on the from Максим Г.
Роман Г.
Роман Г.
User
Максим Г.
А простой код не подходит?  

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

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

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

Read more
Posted on the from Роман Г.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PT

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

Read more
Posted on the from  ‪ KolAsim ‪ ‪