# 144: Стили разбивки на страницы и завершение форумов - CSS-хитрости

Anonim

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

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

Нашим первым отклонением от каркаса является то, что мы делаем фон пагинации черным, а не белым. Это потому, что на сайте очень много суб-навигации, в которой используется стиль «черная полоса». Пагинация определенно является суб-навигацией, поэтому может быть последовательной. Выбор, который мы делаем здесь, может также пойти в другом направлении (обновить другую суб-навигацию, чтобы она выглядела более похожей на это), что, как я подозреваю, произойдет, поскольку это такой чистый и простой пример суб-навигации.

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