 |
概要 | ハロウィン装飾は、この季節にあなたのフォーラムに少し不気味な雰囲気を加えます！ |
 |
プレビュー | Discourse Theme Creator でプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-halloween-decorations |
 |
Discourse テーマが初めての方へ | Discourse テーマの使い方の初心者ガイド |
このテーマコンポーネントをインストール
このテーマコンポーネントはデスクトップビューでのみ表示されます。
このコンポーネントには 3 つの装飾があります：
ハッピーハロウィン！
当方でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。
これは素晴らしいです。ありがとうございます！
3件の投稿が新しいトピックに分割されました：Where’s the pumpkin?
これはまだデスクトップ専用ですか？
はい、そうです。
OPに追記しておきます。ありがとうございます。
フォーラムをクリックした際に、リフレッシャーの内容を非表示にするオープン画面のアニメーションを表示できると思います。
<!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>
メンバーはこのアニメーションが大好きです。とてもよくできています。邪魔にならず、ちょうど良い量です。カボチャのアニメーションはとても速いので、ほとんど見間違いかと思うほどです（笑）。私のモバイルユーザーはとても残念がっています（笑）、彼らも欲しいと言っています！そしてうちの猫はコウモリを見つけました！ベテランズデー、感謝祭、クリスマス、新年、バレンタインデー、セントパトリックデー、イースター、メモリアルデー、7月4日、レイバーデーなどの祝日や、その間の時期の雪、花、ビーチ、秋の葉などの楽しいものも期待できますか？
Hi @famousamos.1 
Discourse Metaへようこそ 
以下のようなものもあります。
やったー！私のメンバーはとても興奮するでしょう。彼らは常に楽しい装飾を期待していることを知っていますよね??（笑）
ただし、モバイルを使用している場合は別です…まあ、数匹のコウモリしか見えないことに興奮する人もいるかもしれません。
これはモバイルでは動作しないため、desktop としてタグ付けする必要があります。
これは本当です。私のモバイルメンバーはまだこれらを見ることができません。
特定の時間に有効にすることはできますか？例えば、毎年ハロウィーンにのみこの装飾が表示されるようにします。
