# 144: Penataan dan Penutup Halaman Forum - Trik CSS

Anonim

Kami mencoba menyelesaikan gaya forum di sini. Salah satu mekanisme navigasi utama di forum adalah pagination. Di bagian bawah halaman, Anda dapat melanjutkan ke halaman berikutnya atau melompat ke halaman yang lebih jauh. Ini juga berfungsi untuk menunjukkan kepada pengguna seberapa aktif dan dalam forum tersebut.

Gambar rangka kami memiliki gaya yang diolok-olok untuk tampilan pagination, dan cukup sederhana serta dapat digunakan. Karena beberapa hal struktural aneh dalam tampilan, jauh lebih mudah untuk meletakkan pagination di dalam modul konten utama daripada di luar dan di bawahnya seperti di wireframe.

Deviasi pertama kita dari wireframe adalah kita membuat latar belakang pagination menjadi hitam, bukan putih. Ini karena banyak sekali sub navigasi di situs yang menggunakan gaya “bilah hitam”. Penomoran halaman jelas merupakan sub navigasi, jadi mungkin juga konsisten. Pilihan yang kita buat di sini meskipun bisa juga ke arah lain (perbarui sub navigasi lain agar terlihat lebih seperti ini), yang saya curigai akan terjadi karena ini adalah contoh sub nav yang murni dan sederhana.

Kami kemudian, seperti biasa, menghabiskan waktu dengan mengutak-atik jarak dan semacamnya. Kami menggunakan banyak persentase untuk membuat ruang keluar dan menyusut sesuai dengan lebar layar yang tersedia. Kami memposisikan tautan berikutnya dan sebelumnya ke arah tepi. Kemudian kami menggunakan teknik segitiga yang kami pelajari untuk menunjukkan halaman mana yang aktif, dengan menambahkan segitiga hitam tepat di atasnya yang menunjuk ke konten.