# 크리스마스 장식 컴포넌트 🎄

**URL:** https://meta.discourse.org/t/christmas-decoration-component/173949
**Category:** Theme component
**Created:** [12월 21, 2020, 6:36오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949 "2020-12-21T18:36:06Z")
**Posts on this page:** 13
**Page:** 3

<div class="post-metadata">

### Author: ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [12월 10, 2023, 12:03오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/46 "2023-12-10T00:03:52Z")

</div>

@meghna  
모바일용 제안입니다. 이미지가 표시될 공간이 없는데, 이미지 세트를 게시물 목록의 배경 이미지로 설정할 수 있을까요? 감사합니다…

---

<div class="post-metadata">

### Author: ![Brandon007](https://avatars.discourse-cdn.com/v4/letter/b/b4bc9f/32.png) [@Brandon007](https://meta.discourse.org/u/Brandon007)
#### Post date: [11월 19, 2024, 3:45오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/47 "2024-11-19T15:45:19Z")

</div>

여러분, 업데이트 중 하나가 조명 색상을 변경한 것 같습니다. 빨간색이 섞인 색상을 정말 좋아하는데, 조명 색상을 어떻게 수정할 수 있을까요? 여러 번 시도해 보았지만 실패했습니다.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 20, 2024, 2:36오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/48 "2024-11-20T02:36:58Z")

</div>

음… 색상이 이제 파란색인 것 같습니다.  
`scss/lights.scss` 파일의 `rgba()` 값을 수정하여 색상을 변경할 수 있습니다.

---

<div class="post-metadata">

### Author: ![Brandon007](https://avatars.discourse-cdn.com/v4/letter/b/b4bc9f/32.png) [@Brandon007](https://meta.discourse.org/u/Brandon007)
#### Post date: [11월 20, 2024, 2:53오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/49 "2024-11-20T02:53:18Z")

</div>

> [@NateDhaliwal](#):
>
> `scss/lights.scss`

그 파일을 어디서 찾을 수 있는지 아시나요?

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 20, 2024, 3:00오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/50 "2024-11-20T03:00:44Z")

</div>

@Brandon007 저장소를 포크하고 나만의 복사본을 수정해야 합니다.

---

<div class="post-metadata">

### Author: ![Brandon007](https://avatars.discourse-cdn.com/v4/letter/b/b4bc9f/32.png) [@Brandon007](https://meta.discourse.org/u/Brandon007)
#### Post date: [11월 20, 2024, 3:12오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/51 "2024-11-20T03:12:14Z")

</div>

고맙습니다. 마침 커스텀 코드를 찾아서 CSS 파일에 추가했고, 다행히 색상들이 원래대로 돌아갔습니다.

> [@Discourse 크리스마스 장식 공유하기!](https://meta.discourse.org/t/share-your-discourse-christmas-decorations/135188?u=brandon007):
>
> 안녕하세요, Discourse 헤더 아래에 추가할 수 있는 크리스마스 애니메이션 조명을 소개합니다. 이것은 Toby의 Codepen 크리스마스 조명 구현을 기반으로 합니다: [https://codepen.io/tobyj/pen/QjvEex](https://codepen.io/tobyj/pen/QjvEex) Discourse에 맞게 코드를 조금 수정했습니다. 실제 적용 모습을 여기서 확인해 보세요: [https://forum.monocycle.info/](https://forum.monocycle.info/) (1월에 제거할 예정입니다) 스크린샷: 모바일 환경 (고정 헤더를 따라가지 않습니다): 다크 테마 사용 시: Discourse에 추가하는 방법: 관리자 패널 → 커스터마이징 → 현재 테마 선택 → 사용자 정의 CSS/HTML로 이동하세요. CSS 탭에 다음 코드를 추가하세요: /\* Christmas Lights Copyright (c) 2019 by Toby (https://code…

---

<div class="post-metadata">

### Author: ![Zomb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zomb/32/93881_2.png) [@Zomb](https://meta.discourse.org/u/Zomb)
#### Post date: [11월 23, 2024, 11:25오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/52 "2024-11-23T23:25:05Z")

</div>

일부 페이지에서 이 요소가 약간 낮게 배치되어 있습니다. 🤔

 ![Screenshot 2024-11-23 at 6.24.34 PM](https://global.discourse-cdn.com/meta/original/4X/4/f/e/4fe212eb4edd6d24c9c8a7faa81b9536e3d01f33.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [11월 24, 2024, 10:51오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/53 "2024-11-24T22:51:20Z")

</div>

저희 환경에서는 라이트 스트링이 정상적으로 표시됩니다. [검색 배너](https://meta.discourse.org/t/search-banner/122939)와 같은 배너 컴포넌트가 설치되어 있나요? 다른 컴포넌트가 충돌을 일으키고 있을 수 있습니다.

 ![Screenshot 2024-11-24 at 2.49.41 PM](https://global.discourse-cdn.com/meta/original/4X/a/0/7/a076ff4a5a5fff1e229dbcbb3d9238a247b2be73.png)

---

<div class="post-metadata">

### Author: ![Zomb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zomb/32/93881_2.png) [@Zomb](https://meta.discourse.org/u/Zomb)
#### Post date: [11월 25, 2024, 5:25오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/54 "2024-11-25T05:25:46Z")

</div>

네, 제가 설치한 브레드크럼이었어요. 😅

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [12월 17, 2024, 2:04오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/55 "2024-12-17T14:04:24Z")

</div>

어떤 이유로든 Search Banner가 활성화되어 있을 때 이 문제가 발생합니다

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/9/b/99ba5488cbb96a1b05e70d6de6c1bb1e5d5fb54c.jpeg)

---

<div class="post-metadata">

### Author: ![woodchen-ink](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/woodchen-ink/32/444029_2.png) [@woodchen-ink](https://meta.discourse.org/u/woodchen-ink)
#### Post date: [12월 20, 2024, 6:07오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/56 "2024-12-20T18:07:41Z")

</div>

```plaintext
.lightrope {
    position: fixed !important; /* 고정 위치 */
    top: 85px !important; /* 상단에서 64픽셀 거리 */
    z-index: 1000 !important; /* 선택 사항: 이 요소가 다른 요소 위에 오도록 보장 */
}

```

질문자님과 동일한 문제를 겪었습니다. CSS를 사용하여 전구를 상단에서 85px 떨어진 위치에 고정했습니다. 현재로서는 괜찮아 보입니다.

 !["Q58 포럼에 오신 것을 환영합니다"라는 제목의 포럼 페이지 스크린샷으로, 페이지에 다양한 주제와 게시글이 나열되어 있습니다. (AI 캡션)](https://global.discourse-cdn.com/meta/original/4X/0/8/d/08dd287dc58e8db56cee75dd21615cac120c35f0.jpeg)

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [12월 21, 2024, 3:24오후 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/57 "2024-12-21T15:24:09Z")

</div>

대단해요! 정말 감사합니다

---

<div class="post-metadata">

### Author: ![mortem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mortem/32/485961_2.png) [@mortem](https://meta.discourse.org/u/mortem)
#### Post date: [1월 1, 2026, 11:07오전 UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/58 "2026-01-01T11:07:24Z")

</div>

위치 설정에 문제가 있다면 제 저장소를 시도해 보세요. PC와 모바일에서 동일한 문제를 겪었으나 수정했습니다. [myrepo](https://github.com/Imortem/discourse-christmas-decorations.git)

[이전 페이지](https://meta.discourse.org/t/christmas-decoration-component/173949.md?page=2)
