# Discourse 할로윈 장식 공유하기!

**URL:** https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327
**Category:** Community Building
**Created:** [10월 15, 2020, 11:24오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327 "2020-10-15T23:24:12Z")
**Posts on this page:** 20
**Page:** 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: [10월 15, 2020, 11:24오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/1 "2020-10-15T23:24:12Z")

</div>

크리스마스 장식과 마찬가지로, 여기는 할로윈 장식을 공유하기 위한 주제입니다.

## 으스스한 유령

  
기본적으로 작성을 시작할 때 유령이 나타날 확률은 10분의 1입니다.

1. 테마/컴포넌트에 다음 이미지를 업로드하고 변수 이름을 **ghost** 로 설정하세요:

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

1. 테마 또는 컴포넌트의 `</head>` 탭에 다음 자바스크립트를 추가하세요:  
**rarity** 변수의 값을 늘리거나 줄여서 유령이 나타나는 빈도를 조절할 수 있습니다.

2. CSS 탭에 다음 코드를 추가하세요:

⚠ 모바일에서 가상 키보드가 나타날 때 유령이 "점프"하는 현상이 발생합니다.

## 거미줄

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/726ebc4d559d5ef51975b4c72645492655749599.png)  
작은 화면에서는 거미줄이 숨겨집니다.

포럼에 추가하는 방법:

1. 새로운 테마 컴포넌트를 만들거나 기존 테마를 편집하여 이 이미지를 업로드하고, 변수 이름을 **spiderweb** 으로 설정하세요:

2. 다음 CSS를 테마 또는 컴포넌트에 추가하세요:

## 이모지 선택기의 해골 아이콘

메시지 작성기의 웃는 얼굴 아이콘을 해골 💀로 대체하는 은은한 효과입니다.

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

1. **svg icon subset** 설정에 `skull`을 추가하세요:  

2. 테마/테마 컴포넌트의 `</head`\> 탭에서 아이콘을 교체하세요:

⚠ 관리자 패널과 같은 다른 곳의 웃는 얼굴 아이콘도 함께 교체됩니다. 하지만 할로윈이니까 괜찮죠?

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

## 잭-o’-lantern(호박 등)

사이트 오른쪽 하단에 놓이는 단순한 정적 조각 호박입니다:

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

1. 새로운 테마 컴포넌트를 만들거나 기존 테마를 편집하여 이 이미지를 업로드하고, 변수 이름을 **pumpkin** 으로 설정하세요:

2. 다음 CSS를 테마 또는 컴포넌트에 추가하세요:

⚠ 이미 `<body>`에 배경 이미지를 사용 중인 포럼과는 호환되지 않습니다.

## 기괴한 로고

로고가 순수한 텍스트이거나 단순한 텍스트 이미지인 경우, 더 할로윈 분위기가 나는 폰트로 교체할 수 있습니다.

![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)  
사용한 폰트: [Creepster](https://www.1001fonts.com/creepster-font.html)

- 로고가 이미지를 사용하는 경우, 이미지를 편집하여 폰트를 변경하세요.
- 로고가 실제 텍스트인 경우, 로고에 사용되는 폰트를 변경하는 방법에 대한 이 튜토리얼을 따르세요: [Include assets (e.g. images, fonts) in themes and components](https://meta.discourse.org/t/include-images-and-fonts-in-themes-and-components/62459)
  - CSS에서 선택자 `#site-text-logo`를 사용하세요.

---

<div class="post-metadata">

### Author: ![JimPas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimpas/32/148179_2.png) [@JimPas](https://meta.discourse.org/u/JimPas)
#### Post date: [10월 16, 2020, 6:53오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/2 "2020-10-16T06:53:45Z")

</div>

좋긴 한데, 거미 공포증이 있는 사용자들이 몇 명 있어요. 그분들은 그 사실을 꽤 자주 말씀해 주셨고, 그분들은 제 게시판에서 가장 활발하게 활동하는 분들 중 몇몇이기도 해요. ☹  
그래도 저는 거미줄 디자인을 정말 좋아해요. 잘 어울리네요! 👍

---

<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: [10월 16, 2020, 8:52오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/3 "2020-10-16T08:52:38Z")

</div>

> [@JimPas](#):
>
> 그렇게 하고 싶지만 거미 공포증이 있는 사용자가 몇 명 있습니다.

그런 이유 때문에 거미는 포함하지 않았습니다. 저는 (아마도 잘못되었을지 모르지만) 사람들이 거미줄만은 더 잘 참아줄 거라고 가정했습니다?

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [10월 16, 2020, 9:22오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/4 "2020-10-16T09:22:09Z")

</div>

화면에 거미가 돌아다니고, 처음 방문할 때 ‘무하하하’ 소리가 나며, 카테고리에 들어갈 때나 주제를 클릭할 때 문이 삐걱거리거나 사슬을 끌고 다니는 소리가 가끔씩(매번 들리면 너무 귀찮으니까, 20번 클릭할 때마다 한 번 정도) 들린다면 정말 멋질 것 같아요! 😂

---

<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: [10월 16, 2020, 9:34오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/5 "2020-10-16T09:34:51Z")

</div>

주제에 답변할 때 화면에 귀신 이모티콘이 잠시(그것도 드물게) 무작위로 나타나는 걸 만들어볼까 생각 중입니다 👻

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [10월 16, 2020, 10:01오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/6 "2020-10-16T10:01:46Z")

</div>

좋은 아이디어네요! 만들어 주셔서 감사합니다.

---

<div class="post-metadata">

### Author: ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)
#### Post date: [10월 16, 2020, 10:19오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/7 "2020-10-16T10:19:08Z")

</div>

@Rhidian 님이 만든 이 테마 컴포넌트가 완벽한 선택이 될 것입니다:

> [@theme-component 버그](https://meta.discourse.org/t/bugs-theme-component/149353):
>
> 버그: 디스커스 테마 컴포넌트 과연 과일 파리(Drosophila)가 우주로 보내진 최초의 생물이었는지 알고 계셨나요? 거미는 남극 대륙을 제외한 세계 모든 대륙에서 발견됩니다 spider 이 테마 컴포넌트는 Auzbugs 저장소를 이식하고 업데이트한 것입니다. 처음에는 4월 1일 장난으로 시작했으며, 시간이 지남에 따라 적응되어 왔습니다. 이 컴포넌트에는 새로운 버그 상호작용 기능이 추가되었습니다. 이것은 그저 재미를 위한 것입니다 stuck_out_tongue_winking_eye 저는 절제해서 사용하는 것을 제안합니다. 예를 들어 할로윈 ghost 에만 사용하거나, 아는 사람에게 장난을 치는 용도로 nerd_face 사용해도 좋습니다. 테마 설정에서 특정 그룹과 사용자를 대상으로 지정할 수 있습니다. 저는 화면에 작은 버그 친구를 두고 함께 시간을 보내는 것을 좋아합니다 ant 버그가 귀찮아지기 시작하면 치워버립니다! 네, 이들을 퇴치할 수도 있습니다 …

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [10월 16, 2020, 10:52오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/8 "2020-10-16T10:52:42Z")

</div>

그것도 추가했습니다. @Chaboi\_3000님 감사합니다!

---

<div class="post-metadata">

### Author: ![Terrapop](https://avatars.discourse-cdn.com/v4/letter/t/ecd19e/32.png) [@Terrapop](https://meta.discourse.org/u/Terrapop)
#### Post date: [10월 16, 2020, 12:22오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/9 "2020-10-16T12:22:18Z")

</div>

좋아요, 방금 Discourse에 거미줄을 추가했어요 🤪

---

<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: [10월 18, 2020, 9:49오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/13 "2020-10-18T21:49:45Z")

</div>

이것은 위키이므로 마지막에 올린 게시글들을 삭제하고 첫 번째 게시글에 추가했습니다! 여러분도 직접 커스터마이징을 추가해 보세요!  
고스트 코드를 개선하고, 스케일 전환을 통해 살짝 튀어나오는 효과를 추가했습니다.

---

<div class="post-metadata">

### Author: ![ECoops123](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ecoops123/32/197398_2.png) [@ECoops123](https://meta.discourse.org/u/ECoops123)
#### Post date: [10월 19, 2020, 3:12오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/14 "2020-10-19T15:12:39Z")

</div>

저희가 @ondrej 님을 위한 아이디어를 하나 생각해냈습니다. 커뮤니티에 조금 더 재미있고 축제 같은 분위기를 더해줄 것 같아요. 할로윈 기간에 이 기능이 추가되었으면 좋겠습니다. 👀

다양성을 좀 줄여서 예상치 못한 '스파이스’를 더하는 것도 좋을 것 같아요 😂

---

<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: [10월 19, 2020, 4:02오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/15 "2020-10-19T16:02:52Z")

</div>

> [@ondrej](#):
>
> 좋은 아이디어네요!

첫 번째 게시글에 으스스한 유령을 만들고 추가했습니다.

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [10월 19, 2020, 4:10오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/16 "2020-10-19T16:10:40Z")

</div>

아! 알겠습니다. 처리하겠습니다.

---

<div class="post-metadata">

### Author: ![soraiden](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/soraiden/32/547061_2.png) [@soraiden](https://meta.discourse.org/u/soraiden)
#### Post date: [10월 29, 2020, 6:54오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/17 "2020-10-29T18:54:33Z")

</div>

정말 감사합니다! 😍 당신의 장식 덕분에 [http://lettucecraft.com/이(가)](http://lettucecraft.com/%EC%9D%B4(%EA%B0%80)) 축제 분위기예요! 🙌

---

<div class="post-metadata">

### Author: ![anon89147131](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@anon89147131](https://meta.discourse.org/u/anon89147131)
#### Post date: [11월 1, 2020, 6:08오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/18 "2020-11-01T18:08:07Z")

</div>

방금 이걸 포럼에서 삭제했지만, 있는 동안 꽤 즐거웠어요 - 도움을 주셔서 감사합니다 (크레딧도 드렸어요)! [Screenshot 2020-11-01 at 18.08.00|690x55](https://meta.discourse.org/uploads/short-url/sHqnXGst80b0rek41VVMqKgBGYc.png)

---

<div class="post-metadata">

### Author: ![soraiden](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/soraiden/32/547061_2.png) [@soraiden](https://meta.discourse.org/u/soraiden)
#### Post date: [12월 22, 2020, 10:23오후 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/19 "2020-12-22T22:23:55Z")

</div>

12월 휴가를 위해 같은 개념을 재사용했습니다. **다시 한번** 감사드립니다!! [https://forum.lettucecraft.com/](https://forum.lettucecraft.com/)

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [10월 12, 2022, 2:51오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/20 "2022-10-12T02:51:12Z")

</div>

고스트를 추가한 내 사이트에서 이 오류가 발생합니다.  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/e/0/f/e0f2cc9982bac862b1ad3d11de64bae08e22f9ce_2_690x24.png)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [10월 12, 2022, 2:54오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/21 "2022-10-12T02:54:20Z")

</div>

나이를 고려하면 그렇게 자주 사용하지 않으므로 꽤 그럴듯한 설명입니다.

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [10월 12, 2022, 2:57오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/22 "2022-10-12T02:57:40Z")

</div>

네, 방금 이걸 보고 일부 추가하면 재밌을 것 같아서요. 그냥 깨진 유령 팝업 하나뿐인데 디스코스가 “경고!!! 당신의 사이트가 깨졌어요!!!”라고 뜨는 게 너무 웃기죠 ㅋㅋ

---

<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: [10월 12, 2022, 10:45오전 UTC](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327/23 "2022-10-12T10:45:18Z")

</div>

한번 살펴볼게. 이렇게 하면 너무 무서워.

[다음 페이지](https://meta.discourse.org/t/share-your-discourse-halloween-decorations/167327.md?page=2)
