# 144: Forums Pagination Styling en Wrapup - CSS-trucs

Anonim

We proberen hier de styling van de forums af te ronden. Een van de belangrijkste navigatiemechanismen op de forums is de paginering. Onderaan de pagina kunt u naar de volgende pagina gaan of naar een verder verwijderde pagina springen. Het dient ook om de gebruiker te laten zien hoe actief en diep de forums zijn.

Onze wireframes hebben een stijl die is bespot voor hoe paginering eruit zou moeten zien, en het is vrij eenvoudig en bruikbaar. Vanwege een aantal rare structurele dingen in de weergave, is het veel gemakkelijker om de paginering binnen de hoofdinhoudsmodule te plaatsen in plaats van erbuiten en eronder, zoals in het draadframe.

Onze eerste afwijking van het wireframe is dat we de achtergrond van de paginering zwart maken in plaats van wit. Dit komt doordat er zoveel subnavigatie op de site is die de "zwarte balk" -stijl gebruikt. Paginering is absoluut subnavigatie, dus kan net zo goed consistent zijn. De keuzes die we hier maken kunnen echter ook de andere kant op gaan (update andere subnavigatie om er meer zo uit te zien), wat naar ik vermoed zal gebeuren aangezien dit zo'n puur en eenvoudig voorbeeld is van subnavigatie.

We besteden dan, zoals gewoonlijk, tijd aan het spelen met afstanden en dergelijke. We gebruiken veel percentages om dingen uit elkaar te halen en te verkleinen volgens de beschikbare schermbreedte. We plaatsen de volgende en vorige schakels richting de randen. Vervolgens gebruiken we de driehoekstechniek die we hebben geleerd om aan te geven welke pagina actief is, door er een zwarte driehoek rechts boven toe te voegen die naar de inhoud wijst.