Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Категории у вас не пропали, просто дело в том, что информер выводят весь перечень как категории так и разделы.
У вас в разделах имеются десятки категорий и если перейти в раздел, мы далее не увидим категорий так как информер это оператор $CATEGORIES$ который автоматически выведет категории если перейти в раздел.
В вашем случае выход следующий, перейти в шаблоны страниц:
найти оператор - $BODY$ и перед ним добавить код:
<hr> $CATEGORIES$ <hr />
после вы будете видеть категории которые добавлены в раздел и ничего не потеряется.
Спасибо, поняла. Просто я бы использовала $CATEGORIES$, но она так оформлена на данный момент, что там не видно количество материалов в каждой категории. Я вас спрашивала как это оформить, вы сказали что этот дизайн долго прописывать. Вот поэтому решила перейти на информеры.
Все же опишу решение с помощью категорией, без информера, в первом контейнере устанавливаем следующий код:
<!-- <block3> --> <?if($CATEGORIES$)?> <div class="block"> <div class="blocktitle"><!-- <bt> -->ОГЛАВЛЕНИЕ<!-- </bt> --></div> <div class="blockcontent"> <!-- <bc> -->$CATEGORIES$<!-- </bc> --> </div> </div> <script> $('.catNumData').each(function () { rtxt = $(this).text(); n = rtxt.replace('[', '').replace(']', '') $(this).html(n); }); </script> <?endif?> <!-- </block3> -->
вместо текущего:
<!-- <block3> --> <?if($CATEGORIES$)?> <div class="block"> <div class="blocktitle"><!-- <bt> -->ОГЛАВЛЕНИЕ<!-- </bt> --></div> <div class="blockcontent"> <!-- <bc> -->$CATEGORIES$<!-- </bc> --> </div> </div> <?endif?> <!-- </block3> -->
Далее в таблицу стилей CSS добавим стили:
.catName,.catNameActive { padding: 5px; width: 180px; font-size: 12.5px; text-align: left; display: inline-block; color: rgb(44, 43, 43); overflow: auto; text-decoration: none; border-radius: 5px; border: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; background-color: rgb(247, 247, 247); } .catNumData { font-size: 11px!important; width:15px; height:15px; display: inline-block; text-align:center; float: right; color: #fff!important; border-radius: 50px; padding: 2px 10px; margin: 5px -40px; position: absolute; background: #0C79C0; } .catName:hover { background: rgba(255, 219, 77, 0.31); border-color: #caae25; } .catDescr {display:none;}
и готово.
Добрый день! Я применила все коды, немного поправила цвета и вот что у меня получилось.
Немного некрасиво. Можно ли что то сделать с оваломи, в которых указывается количество материалов содержащихся в категории? Они перекрывают слова. И правильно ли, что овал с цифрой перемещается с левую сторуну, кода категория активна? Или это может просто дефект?
В информере это выглядит симпатичней, вот так