# 144: Stile e riepilogo dell'impaginazione dei forum - Trucchi CSS

Anonim

Stiamo cercando di concludere lo stile dei forum qui. Uno dei principali meccanismi di navigazione sui forum è l'impaginazione. In fondo alla pagina, puoi passare alla pagina successiva o saltare a una pagina più distante. Serve anche a mostrare all'utente quanto sono attivi e profondi i forum.

I nostri wireframe hanno uno stile simulato per come dovrebbe apparire l'impaginazione, ed è piuttosto semplice e utilizzabile. A causa di alcune strane cose strutturali nella vista, è molto più facile mettere l'impaginazione all'interno del modulo di contenuto principale piuttosto che all'esterno e sotto di essa come nel wireframe.

La nostra prima deviazione dal wireframe è che rendiamo lo sfondo dell'impaginazione nero anziché bianco. Questo perché c'è così tanta navigazione secondaria sul sito che utilizza lo stile "barra nera". L'impaginazione è sicuramente una navigazione secondaria, quindi potrebbe anche essere coerente. Le scelte che facciamo qui, però, possono anche andare nella direzione opposta (aggiorna l'altra navigazione secondaria per assomigliare più a questo), cosa che sospetto accadrà poiché questo è un esempio così puro e semplice di sub nav.

Quindi, come al solito, passiamo il tempo a giocherellare con la spaziatura e così via. Usiamo molte percentuali per far sì che le cose si spazino e si restringano in base alla larghezza dello schermo disponibile. Posizioniamo i collegamenti successivi e precedenti verso i bordi. Quindi usiamo la tecnica del triangolo che abbiamo imparato per indicare quale pagina è attiva, aggiungendo un triangolo nero proprio sopra di essa che punta il contenuto.