# 144: Forums Pagination Styling och Wrapup - CSS-tricks

Anonim

Vi försöker avsluta forumets utformning här. En av de viktigaste navigeringsmekanismerna på forumet är paginering. Längst ner på sidan kan du gå vidare till nästa sida eller hoppa till en mer avlägsen sida. Det tjänar också till att visa användaren hur aktiva och djupa forumen är.

Våra trådramar har en stil som spottas för hur paginering ska se ut, och det är ganska enkelt och användbart. På grund av några konstiga strukturella saker i vyn är det mycket lättare att placera sidorna i huvudinnehållsmodulen snarare än utanför och under den som i trådramen.

Vår första avvikelse från trådramen är att vi gör bakgrunden till paginationen svart istället för vit. Det beror på att det finns så mycket undernavigering på webbplatsen som använder stilen "svart stapel". Pagination är definitivt subnavigering, så kan lika gärna vara konsekvent. De val vi gör här kan dock också gå åt andra hållet (uppdatera annan subnavigering för att se mer ut så här), vilket jag misstänker kommer att hända eftersom detta är ett sådant rent och enkelt exempel på subnav.

Sedan spenderar vi som vanligt tid på att lura med avstånd och sådant. Vi använder en hel del procent för att saker och ting rymmer ut och krymper enligt den tillgängliga skärmbredden. Vi placerar nästa och föregående länkar mot kanterna. Sedan använder vi triangeltekniken vi lärde oss för att ange vilken sida som är aktiv, genom att lägga till en svart triangel precis ovanför den som pekar på innehållet.