할로윈 장식 👻

:discourse2: 요약 Halloween Decorations 테마는 이번 축제 시즌에 포럼에 으스스한 분위기를 더해줄 것입니다!
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 저장소 링크 https://github.com/discourse/discourse-halloween-decorations
:open_book: Discourse 테마가 처음이신가요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

기능

:information_source: 이 테마 컴포넌트는 데스크톱 뷰에서만 표시됩니다. :desktop_computer:

이 컴포넌트에는 세 가지 효과가 있습니다:

  • 박쥐 애니메이션
  • 양쪽의 거미줄
  • 호박 로딩 애니메이션

해피 할로윈! :ghost: :spider_web:

:discourse2: 우리가 호스팅하고 계신가요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

37개의 좋아요

정말 멋지네요. 감사합니다!

2개의 좋아요

3개의 게시글이 새로운 주제 호박은 어디에 있나요?로 분리되었습니다.

여전히 데스크톱 전용인가요?

1개의 좋아요

네, 맞아요.

OP에 적어둘게요. 감사합니다.

2개의 좋아요

포럼에 진입할 때 오픈 스크린 애니메이션을 실행하고 리프레셔(refresher)에서 콘텐츠를 숨기는 것이 가능하다고 생각합니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    #custom-video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #2cb9e4;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: visibility 0s 1s, opacity 1s linear; /* 전환 효과 추가 */
      visibility: visible;
      opacity: 1;
    }

    #custom-video {
      width: auto; /* 폭을 100%로 설정 */
      height: auto; /* 높이는 자동 조절 */
    }
  </style>
</head>
<body>
  <div id="custom-video-container">
    <video id="custom-video" autoplay muted>
      <source src="https://www.justnainai.com/uploads/default/original/2X/e/e4faa6e98fd8890bbd33a24ef27f63cbb30a9d16.mp4" type="video/mp4">
    </video>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const videoContainer = document.getElementById('custom-video-container');
      const video = document.getElementById('custom-video');

      video.addEventListener('ended', () => {
        setTimeout(() => {
          videoContainer.style.visibility = 'hidden';
          videoContainer.style.opacity = '0';
        }, 10); // 비디오 종료 후 3초 뒤에 숨김
      });
    });
  </script>
</body>
</html>
1개의 좋아요

내 회원들이 이 기능을 정말 좋아해요 - 정말 잘했어요. 거슬리지 않으면서도 딱 알맞은 정도예요. 호박 애니메이션이 너무 빨라서 마치 착시인 줄 착각할 정도랍니다 - ㅋㅋ. 모바일 사용자들이 너무 실망하고 있어요 - ㅋㅋ, 그들도 이걸 원해요! 그리고 제 고양이가 박쥐를 발견했어요! 군인의 날, 추수감사절, 크리스마스, 새해, 발렌타인데이, 성 패트릭의 날, 부활절, 현충일, 7월 4일, 노동절 등 모든 휴일을 위한 특별한 콘텐츠와, 그 사이의 시기(눈이 내리는 것, 꽃, 해변, 단풍 등)를 위한 재미있는 콘텐츠도 기대할 수 있으면 좋겠어요.

3개의 좋아요

안녕하세요 @famousamos.1 :wave: Discourse Meta에 오신 것을 환영합니다 :slight_smile:

다음과 같은 내용도 있습니다:

6개의 좋아요

와! 내 멤버들이 정말 신나하겠어 - 우리 모두 알고 있잖아, 항상 재미있는 장식들을 기대하고 있을 테니까, 그렇지?? ㅋㅋ

1개의 좋아요

모바일을 사용하는 경우를 제외하면… 음, 아무것도 없이 몇 마리의 박쥐만 보이면 흥분할 수도 있겠네요.

모바일에서는 깨져 있으므로, 이 문제는 desktop 태그를 붙여야 합니다.

2개의 좋아요

맞아요 - 제 모바일 회원들은 아직 이 내용을 볼 수 없어요 [아직]

2개의 좋아요

특정 시간대에 활성화되도록 설정할 수 있나요? 예를 들어 매년 할로윈에만 이 장식을 표시하는 식으로요.