# 144: Estilo e finalização da paginação dos fóruns - CSS-Tricks

Anonim

Estamos tentando finalizar o estilo dos fóruns aqui. Um dos principais mecanismos de navegação nos fóruns é a paginação. Na parte inferior da página, você pode ir para a próxima página ou pular para uma página mais distante. Também serve para mostrar ao usuário o quão ativos e profundos são os fóruns.

Nossos wireframes têm um estilo simulado para a aparência da paginação, e é muito simples e utilizável. Devido a algumas coisas estruturais estranhas na visualização, é muito mais fácil colocar a paginação dentro do módulo de conteúdo principal do que fora e abaixo dele, como no wireframe.

Nosso primeiro desvio do wireframe é que tornamos o fundo da paginação preto em vez de branco. Isso ocorre porque há muita subnavegação no site que usa o estilo “barra preta”. A paginação é definitivamente uma subnavegação, então pode ser consistente. No entanto, as escolhas que fazemos aqui também podem ir na outra direção (atualizar outra subnavegação para se parecer mais com esta), o que eu suspeito que acontecerá, pois este é um exemplo puro e simples de subnav.

Nós, então, como de costume, passamos algum tempo mexendo no espaçamento e coisas assim. Usamos muitas porcentagens para que as coisas se espaçam e diminuam de acordo com a largura de tela disponível. Posicionamos os links anterior e seguinte em direção às bordas. Em seguida, usamos a técnica do triângulo que aprendemos para indicar qual página está ativa, adicionando um triângulo preto logo acima dele apontando o conteúdo.