# 144: Foren Paginierung Styling und Wrapup - CSS-Tricks

Anonim

Wir versuchen hier das Styling der Foren zusammenzufassen. Einer der wichtigsten Navigationsmechanismen in den Foren ist die Paginierung. Am Ende der Seite können Sie zur nächsten Seite wechseln oder zu einer weiter entfernten Seite springen. Es dient auch dazu, dem Benutzer zu zeigen, wie aktiv und tief die Foren sind.

Unsere Drahtgitter haben einen Stil, der nachgebildet ist, wie Paginierung aussehen soll, und er ist ziemlich einfach und benutzerfreundlich. Aufgrund einiger seltsamer struktureller Dinge in der Ansicht ist es viel einfacher, die Paginierung innerhalb des Hauptinhaltsmoduls zu platzieren, als außerhalb und darunter wie im Drahtmodell.

Unsere erste Abweichung vom Drahtmodell besteht darin, dass wir den Hintergrund der Paginierung schwarz statt weiß machen. Dies liegt daran, dass es auf der Website so viele Subnavigationen gibt, die den „schwarzen Balken“ verwenden. Die Paginierung ist definitiv eine Subnavigation und kann daher auch konsistent sein. Die Entscheidungen, die wir hier treffen, können jedoch auch in die andere Richtung gehen (andere Subnavigation aktualisieren, um mehr so ​​auszusehen), was ich vermute, da dies ein so einfaches Beispiel für Subnavigation ist.

Wir verbringen dann wie üblich Zeit damit, mit Abständen und dergleichen herumzuspielen. Wir verwenden viele Prozentsätze, um Platz zu schaffen und entsprechend der verfügbaren Bildschirmbreite zu verkleinern. Wir positionieren die nächsten und vorherigen Links in Richtung der Kanten. Dann verwenden wir die Dreieckstechnik, die wir gelernt haben, um anzuzeigen, welche Seite aktiv ist, indem wir ein schwarzes Dreieck direkt darüber hinzufügen, das auf den Inhalt zeigt.