平行テーマ クラシックヘッダー

このページはコンポーネントページです

Wiki内で使用されているコンポーネントページです。このページを編集することはできません。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。

詳しくはcategory-policyを参照してください。

//平行テーマ クラシックヘッダー

クレジット

タイトル: 平行テーマ クラシックヘッダー
原題: 平行 经典版头
著作権者: Dr Hormress
翻訳者: takion00
作成年: 2025
翻訳者: 2026
初訳時参照リビジョン: rev.6
元記事リンク: 平行 经典版头

---

本記事は、CC BY-SA 4.0ライセンスの下で提供されます。これに加えて、本記事の作成者、著者、翻訳者、または編集者が著作権を有するコンテンツは、別段の定めがない限りCC BY-SA 3.0ライセンスが付与されており、同ライセンスの下で利用することができます。

「コンテンツ」とは、文章、画像、音声、音楽、動画、ソフトウェア、コードその他の情報のことをいいます。

使用方法

平行テーマの[[include]]の後に以下のコードを挿入してください:

[[include :scp-jp:component:parallel-classic-header]]

このコンポーネントは、平行ヘッダーに大きな変更が加えられていないほとんどのレイアウトで使用できます。ただし、過去テーマとの完全な互換性はなく、Foundomテーマとも完全に互換性はありません。

中央揃えのヘッダーを使用する必要がある場合は、include文を次のように置き換えてください:

[[include :scp-jp:component:parallel-classic-header centered=*]]

---

関連パラメーター

:root {
    --title-size: 2.25rem;
    --subtitle-size: 1rem;
 
    --header-title-height: 3.5rem;
    --header-button-size: 2.5rem;
    --login-status-box-size: 2rem;
    --login-status-box-height: var(--login-status-box-size);
    --login-status-box-width: calc(2 * var(--login-status-box-size));
    --login-status-button-width: var(--login-status-box-size);
    --user-button-width: var(--header-button-size);
    --side-bar-button-width: var(--header-button-size);
    --side-bar-button-height: var(--side-bar-button-width);
    --header-final-height: calc(var(--header-title-height) + 2 * var(--header-button-size));
 
    --top-bar-gradient: var(--header-gradient);
    --top-bar-border-width: var(--base-border-width);
    --top-bar-border-color: var(--basalt-undertone);
 
    --set-safari-mode-disabled: set;
}