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

[fbpbdmin (deepblue)]

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

[Brandon007 (Brandon)]

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

[NateDhaliwal]

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

[Brandon007 (Brandon)]

@NateDhaliwal

scss/lights.scss

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

[NateDhaliwal]

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

[Brandon007 (Brandon)]

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

Discourse 크리스마스 장식 공유하기!

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

[Zomb (Ro)]

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

[Lilly (Lillian)]

저희 환경에서는 라이트 스트링이 정상적으로 표시됩니다. 검색 배너와 같은 배너 컴포넌트가 설치되어 있나요? 다른 컴포넌트가 충돌을 일으키고 있을 수 있습니다.

[Zomb (Ro)]

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

[eisammy (Sammy)]

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

[woodchen-ink (wood chen)]

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

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

[eisammy (Sammy)]

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

[mortem]

위치 설정에 문제가 있다면 제 저장소를 시도해 보세요. PC와 모바일에서 동일한 문제를 겪었으나 수정했습니다. myrepo