#Tutorial: Post-Footer personalizado

Iae pessoas? Como vocês estão? FINALMENTE FÉRIAS PÍPOU! UHUUUUL! \o/, quase chorando aqui por causa disso, 'to nem acreditando que esse ano finalmente vai acabar, mds, ano de bosta, né? Credo... Mas enfim, eu vou ensinar à vocês como personalizar o post-footer da área de postagem. Caso alguém não saiba o que é post-footer, ele é aquela parte inferior do post onde fica os marcadores, o autor, a data e os comentários. Bom, ele é um post-footer básico e deve ficar mais ou menos assim:

(clique na imagem para vê-la maior!)
  1. Amo arrumar os tópicos em números... Fica tão bonitinho :) MAS ENFIM, Vá para Editar HTML e procure por .post-footer {, lembrando que para você encontrar alguma coisa na caixa do html, primeiro você terá que clicar em qualquer parte dentro da mesma.
  2. Você vai encontrar isso aqui:
    .post-footer {
      margin: .5em 0;
      line-height: 1.6;
    }
    Selecione toda essa parte e no lugar cole:
    .post-footer {
            background: #F5F7FA;
    text-align: center;
    border: 1px solid #EBF1F7;
    box-shadow: inset 0px 2px 7px #EBF1F7;
    }
  3. Arrume apenas o que está em negrito! Aonde está escrito center, você pode mudar para left, right ou simplesmente deixar no center mesmo. 
Left deixa o texto nesse canto
center deixa o texto centralizado, 
assim como na imagem de preview
E right vai deixar o texto do teu
post-footer do lado direito da bagaça.

Apenas uma breve explicação para aqueles que estão iniciando, se você já estiver... Avançado em html apenas ignore essa parte.

Bom, depois que você arrumou tudo, visualize tudo direitinho e salve. Se estiver em dúvidas com as cores, você poderá encontrar links de sites com tabelas de cores para você escolher ou editar as cores que quer, só ir no menu e clicar no link "Links Úteis", os sites estarão lá.

E é isso! Espero que tenham gostado, inté breve!

Nenhum comentário:

Postar um comentário