"Темы записей" в меню

[UDFj]

В моём дневнике фон в меню - картинка фиксированных размеров по высоте. Если в вашем дневнике овер21тем записей, то, понятно, что все они в такой фон не влезут при всём вашем желании. Проблему можно решить, оставив ссылку только на последний пункт списка, прописанного на дневниках - "Все темы (счётчик)". Этот пункт автоматически формируется 21-м, потому тем должно быть больше 21-ой. Переход по такой ссылке будет отправлять читателя на страницу со всеми темами, где читатель отыщет ссылки на искомые темы записей. Пример реализации можно видеть в дневнике  |Иероним|.

Решается задача следующим образом. В код прописываем строку:

#TagsList ul li:nth-of-type(-n+20) {display: none; }

Эта строка отключит отображение всех элементов списка «ul li» выше пункта списка "Все темы (счётчик)". И безобразие с невидимыми остальными темами в "Темах записей" из-за ограниченных размеров блока «ul» во всех блоках меню будет устранено.
Дополнительно в селекторах «#TagsList ul» и «#TagsList li» можно прописать позиционирование этой ссылки в блоке. Детальнее решение вопроса позиционирования в коде можно посмотреть в "исходном коде страницы" дневника  |Иероним|.

запись создана: 06.04.2013 в 12:56

@настроение: Оставить что-то, надеюсь, полезное.

@темы: без подтекста, CSS, деперсонализировано!, CSS-примеры

Comments

[Кареглазый Демон]

Интересное решение, может пригодиться, спасибо.

Пример реализации можно видеть в дневнике |Иероним|.

Потрясающая работа...

[UDFj]

Спасибо! )) Огромное и светлое, как сегодняшний, уже по-настоящему, весенний день )) Ваше мнение ценно для меня ) Чуть позже ещё два примера выложу. Они большие, потому и начала с простого.