# Adicione botões personalizados no topo do site

**URL:** https://meta.discourse.org/t/add-custom-buttons-at-the-top-of-the-site/152933
**Category:** Support
**Created:** [Maio 27, 2020, 10:02am UTC](https://meta.discourse.org/t/add-custom-buttons-at-the-top-of-the-site/152933 "2020-05-27T10:02:12Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![roipoussiere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roipoussiere/32/181611_2.png) [@roipoussiere](https://meta.discourse.org/u/roipoussiere)
#### Post date: [Maio 27, 2020, 10:02am UTC](https://meta.discourse.org/t/add-custom-buttons-at-the-top-of-the-site/152933/1 "2020-05-27T10:02:12Z")

</div>

Sou novo no universo do Discourse e tenho passeado por vários sites do Discourse, onde encontrei [o Discourse do Parti Pirate](https://discourse.partipirate.org/):

 ![2020-05-27_11-05-1590572005](https://global.discourse-cdn.com/meta/original/3X/0/f/0f1e4f855dc6c8d92847f4a02ef931034e42cfd9.jpeg)

Gostaria de saber como conseguiram adicionar todos esses botões personalizados no topo. Existe algum tema ou plugin para isso? Eles criaram o próprio?

Gostaria de tentar fazer o mesmo. Sei que há [um componente de tema](https://meta.discourse.org/t/iconified-header-links/86307) e algumas discussões sobre personalização do cabeçalho, mas quero esses botões logo abaixo do cabeçalho, para não exibi-los após a rolagem da página pelo usuário.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [Maio 27, 2020, 7:55pm UTC](https://meta.discourse.org/t/add-custom-buttons-at-the-top-of-the-site/152933/2 "2020-05-27T19:55:40Z")

</div>

É um banner personalizado.

A primeira parte usa JavaScript para gerar automaticamente as reuniões atuais e futuras. O script é visível no código-fonte. Eles aplicaram estilos diferentes para reuniões ativas ou inativas.

Os últimos 4 botões estão codificados manualmente em um tema do Discourse. Você pode procurar por custom-bar no código-fonte para ver como eles fizeram isso.

E eles misturaram tudo isso junto.

---

<div class="post-metadata">

### Author: ![roipoussiere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roipoussiere/32/181611_2.png) [@roipoussiere](https://meta.discourse.org/u/roipoussiere)
#### Post date: [Maio 28, 2020, 6:18am UTC](https://meta.discourse.org/t/add-custom-buttons-at-the-top-of-the-site/152933/3 "2020-05-28T06:18:43Z")

</div>

Entendido, criei alguns botões, obrigado!