固定ヘッダー作成

このプロンプトは、スクロールしても常に画面上部に表示される固定ヘッダーを作成するものです。ユーザーがどのページにいても簡単にナビゲーションできるようにデザインされます。

プロンプト

固定ヘッダーのHTMLとCSSコードを作成してください。
- ロゴのURL：{ロゴURL}
- ナビゲーション項目：{項目}（例：ホーム、サービス、連絡先）
- 配色：{配色}
- スクロール時の背景色変更：{有無}

プロンプトの使い方

利用例として、
「ロゴのURL：https://example.com/logo.png
ナビゲーション項目：ホーム、サービス、連絡先
配色：白と黒
スクロール時の背景色変更：あり」
と入力します。この情報を基に、スクロールしても使いやすい固定ヘッダーのコードを生成します。このコードをWEBサイトに組み込むと、常に見えるナビゲーションバーが完成します。