#144: 论坛分页样式与收尾

我们正在努力完成论坛样式的收尾工作。论坛上主要的导航机制之一就是分页。在页面底部,您可以翻到下一页或跳转到更远的一页。它也用于向用户展示论坛的活跃度和深度。

我们的线框图已经模拟了分页的样式,它很简单且易用。由于视图中存在一些奇怪的结构问题,将分页放在主内容模块内比放在外面和下面更容易,就像线框图中那样。

我们与线框图的第一个不同之处在于,我们将分页的背景设置为黑色而不是白色。这是因为网站上有太多使用“黑色条”样式的子导航。分页绝对是子导航,所以最好保持一致。但是,我们在这里做出的选择也可以反过来(更新其他子导航使其看起来更像这样),我怀疑这会发生,因为这是一个非常纯净且简单的子导航示例。

然后,像往常一样,我们花时间调整间距等等。我们使用了大量的百分比,以便事物根据可用屏幕宽度进行间距和缩小。我们将“下一页”和“上一页”链接定位到边缘。然后,我们使用学到的三角形技巧来指示哪个页面处于活动状态,方法是在其上方添加一个指向内容的黑色三角形。