Я не знаю, что Вы имеете в виду под разделителем, и какие эффекты ещё желаете получить, но простейший вариант такой
<div class="detail-col-description-indent"> <div class="b-rich-text text-description-content box-hide" id="short_text"> <p>Заголовок</p> <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p> <p id="full_text" style="display: none;">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p> </div> <a href="javascript:show();" id="short_text_show_link" class="novisited description-more-link"> <span class="xhr">Ещё</span></a> </section></div><script>function show() { document.getElementById('full_text').style.display = 'block'; document.getElementById('short_text_show_link').style.display = 'none';}</script>
😂 А как Вам микро-ЭВМ ДЗ-28 с ОЗУ аж в 1 килобайт?
Devvver, Эта директива не имеет никакого отношения к индексированию поисковиками. Просто если нет этой директивы и нет индексного файла (типа index.html), то при переходе по адресу каталога выставляется напоказ всё его содержимое. Если это нежелательно, то надо либо сделать -Indexes, либо поместить в каталог какой-нибудь файл index.html. А трафик по картинкам должен идти, наверное, в привязке к контенту, в котором эти картинки размещены. И вообще-то, если не хотите индексирования кучи папок, это надо прописать в robots.txt.
По Вашей ссылке с розеткой работает javascript
function(event) { event.preventDefault(); this.show(); document.fireEvent('descriptionMore')}
Вообще-то, у Джумлы и IPB слишком разные способы работы с пользовательской базой. Поэтому в этом случае нужно делать надстройку над обеими CMS.
А у него там стоит защита типа "показывать админку только своим".:D
1. Определиться в своём узком кругу, что требуется от сайта, что на нём должно быть размещено, какие функции от него требуются.
2. С тем, что получилось по п.1, идти к дизайнеру UI+UX.
3. Доработать графический дизайн.
4. Сверстать сайт.
5. Запрограммировать CMS.
6. Определиться с сео, ся и т.п.
7. Наполнить сайт контентом.
8. Посмотреть, что получилось, и внести корректировки.
В принципе, я сделал так, чтобы она просто не работала. но если надо совсем скрыть, то просто убрать дополнительный элемент.
<div class="block" style="height:200px;">Block 1</div> <div class="block" style="height:200px;">Block 2</div> <div class="block" style="height:200px;display: none;">Block 3</div> <div class="block" style="height:200px;display: none;">Block 4</div> <a id="link" href="javascript:showblock();">Показать</a> <script> var blki=2; var elements = document.querySelectorAll('.block'); function showblock() { elements[blki].style.display = 'block'; blki++; if(blki == elements.length){ document.getElementById('link').style.display = 'none'; } } </script>
Поскольку такой код является классикой жанра, а SocFishing проигнорировал мою реплику, позволю себе немного переписать это решение
<div class="block" style="height:200px;">Block 1</div><div class="block" style="height:200px;">Block 2</div><div class="block" style="height:200px;display: none;">Block 3</div><div class="block" style="height:200px;display: none;">Block 4</div><a id="link" href="javascript:showblock();">Показать</a><div id="nolink" style="display: none;">Показать</div><script>var blki=2;var elements = document.querySelectorAll('.block');function showblock() { elements[blki].style.display = 'block'; blki++; if(blki == elements.length){ document.getElementById('link').style.display = 'none'; document.getElementById('nolink').style.display = 'block'; }}</script>
А я и говорю: к дизайнеру. Только неправильно говорить "после составления ТЗ". ТЗ на каждом этапе своё.