コンテンツにスキップ

現在、全3219曲を聴きながらリンク集を作成中のサグラダ・ファミリア サイトです。
情報の誤りやお問い合わせは、管理人 X までお寄せください。
✨ オススメのプレイリストやセトリを教えて下さい ✨

「テンプレート:Hello」の版間の差分

今日も推しが尊いですね。― ハロプロ・サブスク非公式リンク集
← 古い編集
Barageki (トーク | 投稿記録)
ビューロクラット、インターフェース管理者、管理者
738 回編集
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の42版が非表示)
1行目: 1行目:
<div style="background:#fff0f5; border:1px solid #ffb6c1; padding:15px; border-radius:10px; text-align:center; margin-bottom:20px;">
    <p style="margin:0 0 10px 0; font-size:0.8em; color:#999;">※本ページはAmazonアフィリエイト広告を利用しています</p>


    <p style="margin:0 0 10px 0; font-size:1.1em; font-weight:bold;">
{{#widget:AdSense}}
        ようこそ！「ハロ！プロ サブスクまとめ！ってます。」<br>
        <span style="color:#d02090;">今日も推しが尊いですね。</span>
    </p>


    <div style="background:rgba(255, 255, 255, 0.6); border:2px solid #fff; padding:12px; border-radius:8px;">
<html lang="ja">
       
<head>
        <p style="margin:0; font-size:1.2em; font-weight:bold; color:#ff1493;">
  <meta charset="UTF-8">
            祝！3月18日 発売！！！
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
        </p>
  <title>ロージークロニクル 3rdシングル</title>
       
  <style>
        <p style="margin:5px 0 15px 0; font-size:1em; line-height:1.5;">
    :root {
            '''ロージークロニクル 3rdシングル'''<br>
      --pink-main: #ff69b4;
            「Misery ～愛の天秤～/なんとかなるでしょ」
      --pink-deep: #d10068;
        </p>
      --bg-soft: #fff0f5;
      --border-soft: #ffb6c1;
    }


        <div style="margin-bottom:20px;">
    .promo-container {
            <p style="font-size:0.85em; font-weight:bold; color:#cc0000; margin-bottom:8px;">🌹 Check Official Music Video 🌹</p>
      background: var(--bg-soft);
            [https://www.youtube.com/watch?v=xxro0MmaQBw <span style="background:#ff0000; color:white; padding:10px 25px; border-radius:30px; font-weight:bold; text-decoration:none; display:inline-block; font-size:1em; box-shadow: 0 4px 0 #b30000;">▶ YouTubeでMVを見る</span>]
      border: 1px solid var(--border-soft);
        </div>
      border-radius: 15px;
      padding: 20px;
      max-width: 800px;
      margin: 0 auto;
      font-family: system-ui, -apple-system, sans-serif;
      box-sizing: border-box;
    }


        <hr style="border:0; border-top:1px dashed #ffb6c1; margin:15px 0;">
    .promo-notice {
      text-align: right;
      font-size: 0.75em;
      color: #666;
      margin-bottom: 8px;
    }


        <p style="margin:0 0 10px 0; font-size:0.9em; font-weight:bold; color:#e47911;">🛒 お買い上げ・ご予約はコチラ！</p>
    .promo-title {
        <div style="margin-top:5px;">
      text-align: center;
            [https://www.amazon.co.jp/dp/B0GJSB5SNP/?tag=traumatic-22 <span style="background:#ff9900; color:white; padding:10px 30px; border-radius:30px; font-weight:bold; text-decoration:none; display:inline-block; font-size:1.1em; box-shadow: 0 4px 0 #c45800;">Amazonで予約・購入する</span>]
      margin: 0 0 20px;
        </div>
    }
     </div>
 
</div>
    .main-title {
      color: var(--pink-deep);
      font-size: clamp(1.6rem, 5vw, 2.2rem);
      font-weight: bold;
      margin: 10px 0;
    }
 
    .sub-title {
      color: var(--pink-main);
      font-size: clamp(1.1rem, 4vw, 1.4rem);
      font-weight: bold;
      margin: 0 0 8px;
    }
 
    .release-date {
      background: var(--pink-main);
      color: white;
      padding: 6px 18px;
      border-radius: 999px;
      font-size: clamp(0.95rem, 3.5vw, 1.1rem);
      font-weight: bold;
      display: inline-block;
    }
 
    .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      align-items: center;
      justify-content: center;
    }
 
    .youtube-area {
      flex: 1;
      min-width: 300px;
      max-width: 480px;
      aspect-ratio: 16 / 9;
      background: #000;
      border-radius: 8px;
      overflow: hidden;
    }
 
     .youtube-area iframe {
      width: 100%;
      height: 100%;
      border: none;
    }


    .purchase-area {
      flex: 1;
      min-width: 280px;
      text-align: center;
    }


    .purchase-title {
      font-size: 0.9em;
      font-weight: bold;
      color: #555;
      margin-bottom: 12px;
      line-height: 1.4;
    }


    .amazon-btn {
      display: inline-block;
      background: linear-gradient(to bottom, #f7dfa5, #f0c14b);
      border: 1px solid #a88734;
      border-radius: 30px;
      padding: 14px 32px;
      box-shadow: 0 3px 6px rgba(0,0,0,0.12);
      font-weight: bold;
      font-size: 1.05rem;
      color: #111;
      text-decoration: none;
      transition: all 0.2s;
    }


    .amazon-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    }


    @media (max-width: 640px) {
      .promo-container {
        padding: 16px;
        border-radius: 12px;
      }
     
      .content-wrapper {
        flex-direction: column;
        gap: 20px;
      }
     
      .youtube-area {
        max-width: 100%;
      }
    }
  </style>
</head>
<body>


<div style="background:#fff0f5; border:1px solid #ffb6c1; padding:15px; border-radius:10px; text-align:center; margin-bottom:20px;">
<div class="promo-container">
    <p style="margin:0 0 10px 0; font-size:0.8em; color:#999;">※本ページはAmazonアフィリエイト広告を利用しています</p>


    <p style="margin:0 0 10px 0; font-size:1.1em; font-weight:bold;">
  <div class="promo-notice">
        ようこそ！「ハロ！プロ サブスクまとめ！ってます。」<br>
    ※本ページはプロモーションが含まれています
        <span style="color:#d02090;">今日も推しが尊いですね。</span>
  </div>
    </p>


    <div style="background:rgba(255, 255, 255, 0.6); border:2px solid #fff; padding:12px; border-radius:8px;">
  <div class="promo-title">
       
    <div class="sub-title">🌹 ロージークロニクル 3rdシングル 🌹</div>
        <p style="margin:0; font-size:1.2em; font-weight:bold; color:#ff1493;">
    <div class="main-title">『Misery ～愛の天秤～/なんとかなるでしょ』</div>
            祝！3月18日 発売！！！
    <div class="release-date">✨ 2026年3月18日(水) 発売 ✨</div>
        </p>
  </div>
       
        <p style="margin:5px 0 15px 0; font-size:1em; line-height:1.5;">
            '''ロージークロニクル 3rdシングル'''<br>
            「Misery ～愛の天秤～/なんとかなるでしょ」
        </p>


        <div style="margin-bottom:20px;">
  <div class="content-wrapper">
            <p style="font-size:0.85em; font-weight:bold; color:#cc0000; margin-bottom:8px;">🌹 Check Official Music Video 🌹</p>
            {{#widget:YouTube|id=xxro0MmaQBw|width=560|height=315}}
        </div>


        <hr style="border:0; border-top:1px dashed #ffb6c1; margin:15px 0;">
    <!-- YouTube埋め込みエリア -->
    <div class="youtube-area">
      <!-- 実際のYouTube動画IDに置き換えてください -->
      <iframe src="https://www.youtube.com/embed/xxro0MmaQBw"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"  
              allowfullscreen></iframe>
    </div>


        <p style="margin:0 0 10px 0; font-size:0.9em; font-weight:bold; color:#e47911;">🛒 お買い上げ・ご予約はコチラ！</p>
    <!-- 購入ボタンエリア -->
         <div style="margin-top:5px;">
    <div class="purchase-area">
            [https://www.amazon.co.jp/dp/B0GJSB5SNP/?tag=traumatic-22 <span style="background:#ff9900; color:white; padding:10px 30px; border-radius:30px; font-weight:bold; text-decoration:none; display:inline-block; font-size:1.1em; box-shadow: 0 4px 0 #c45800;">Amazonで予約・購入する</span>]
      <div class="purchase-title">
         </div>
        🛒 お買い上げ・ご予約はコチラ！<br>
         Amazon.co.jp限定
      </div>
     
      <a href="https://www.amazon.co.jp/dp/B0GJS7TS1S/?tag=traumatic-22"
        class="amazon-btn" target="_blank" rel="noopener">
         Amazonで購入する
      </a>
     </div>
     </div>
  </div>
</div>
</div>
</body>
</html>

2026年3月5日 (木) 14:37時点における最新版

ロージークロニクル 3rdシングル

※本ページはプロモーションが含まれています
🌹 ロージークロニクル 3rdシングル 🌹
『Misery ～愛の天秤～/なんとかなるでしょ』
✨ 2026年3月18日(水) 発売 ✨
🛒 お買い上げ・ご予約はコチラ！
Amazon.co.jp限定
Amazonで購入する

「https://helloproject.jp/subsc/index.php?title=テンプレート:Hello&oldid=629」から取得