# Compartilhe suas decorações de Halloween do Discourse!

**URL:** <https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327>\
**Category:** Community Building\
**Created:** [15 Outubro , 2020 23:24 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327 "2020-10-15T23:24:12Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [15 Outubro , 2020 23:24 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/1 "2020-10-15T23:24:12Z")

</div>

De forma semelhante às [decorações de Natal](https://meta.discourse.org/t/share-your-discourse-christmas-decorations/135188), aqui está um tópico para compartilhar decorações de Halloween.

## Fantasma assustador

  
O fantasma tem, por padrão, 1 chance em 10 de aparecer ao abrir o editor.

1. Faça upload da seguinte imagem no seu tema/componente e defina o nome da variável como **ghost** :

 ![ghost](https://global.discourse-cdn.com/meta/original/3X/4/0/409ff2d206978dcede3858d6c2cf2e201b9b4092.png)  
[Fonte](http://clipart-library.com/clipart/5TRX8Gppc.htm)

1. Adicione este JavaScript na aba `/head` do seu tema ou componente:  
Você pode aumentar ou diminuir o valor da variável **rarity** para fazer o fantasma aparecer com menos ou mais frequência.

2. Adicione este código na aba CSS:

⚠ O fantasma “pula” no celular quando o teclado virtual aparece.

## Teias de aranha

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/726ebc4d559d5ef51975b4c72645492655749599.png)  
As teias serão ocultadas em telas menores.

Como adicionar isso ao seu fórum:

1. Crie um novo componente de tema ou edite seu tema, faça upload desta imagem e defina o nome da variável como **spiderweb** :

2. Adicione o seguinte CSS ao seu tema ou componente:

## Ícone de caveira para o seletor de emojis

Um detalhe sutil que substitui o ícone de sorriso no editor de mensagens por uma caveira 💀

![image](https://global.discourse-cdn.com/meta/original/3X/c/5/c591ff1843067244d5ceb75e926f4b8196af3dc1.png)

1. Adicione `skull` na sua configuração **conjunto de ícones SVG** :  

2. Substitua o ícone na aba `/head` do seu tema/componente de tema:

⚠ Consequentemente, isso também substitui o ícone de sorriso em outros lugares, como no painel de administração. Mas é Halloween, afinal, certo?

![image](https://global.discourse-cdn.com/meta/original/3X/6/4/64b33bbef31070911d5069709e87c5c948fafc72.png)

## Abóbora de Jack (Jack-o’-lantern)

Uma abóbora esculpida simples e estática que fica no canto inferior direito do seu site:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/f/cfd3635ac27715fb6ebc3e9c15d80b66445a368c.png)

1. Crie um novo componente de tema ou edite seu tema, faça upload desta imagem e defina o nome da variável como **pumpkin** :

2. Adicione o seguinte CSS ao seu tema ou componente:

⚠ É incompatível com fóruns que já usam uma imagem de fundo na tag `<body>`.

## Logotipo assustador

Se o seu logotipo usa texto simples ou é uma imagem de texto simples, você pode substituir a fonte por uma mais temática de Halloween.

![image](https://global.discourse-cdn.com/meta/original/3X/a/1/a164e43cc59aa2bb02a6ae06053cb378ab5d8da6.png) → ![image](https://global.discourse-cdn.com/meta/original/3X/3/5/35d78e2b7289c72ce550a3ea1c6641918246179d.png)  
Fonte utilizada: [Creepster](https://www.1001fonts.com/creepster-font.html)

- Se o seu logotipo usa uma imagem, edite sua imagem para alterar a fonte.
- Se o seu logotipo é texto real, siga este tutorial para alterar a fonte usada no logotipo: [Include assets (e.g. images, fonts) in themes and components](https://meta.discourse.org/t/include-images-and-fonts-in-themes-and-components/62459)
  - Use o seletor `#site-text-logo` no seu CSS.

---

_[View the full topic](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327)._