個人用の収納箱 — ＨＰ改装迷走記

2020年５月　フレーム風とアコーディオンメニュー｜HTML5

新しい技法を……コピペした！

ついに！　念願の！　フレーム風レイアウトにしたぞー！(*´∀｀)ﾉ　しかも CSS だけで動くアコーディオンメニューなのです！　コピペしただけだけど！　で、でもちょっとは頑張ってカスタマイズしました…！　メニューに全部載せしたいけど、長くなるのはイヤという我儘を叶えてくれました♪　興味あるところだけ開いて、あとは閉じたままで邪魔にならないのも素晴らしいと思います。

ところが、思った以上に編集が大変でして…。下に追加していく分にはそうでもないんですけど、途中に挿入しようと思ったらそこから下の番号を全部直さないといけなくて。なんだか面倒くさくなってしまったので、ページ内リンクに変更しました。

2020年５月　フレーム風とページ内ジャンプメニュー｜HTML5

ついに…！？

メニューエリアでヘッダーを固定してるわけじゃないので、ページ内ジャンプしても変な表示にならない！(*´∀｀)　私のやり方が間違ってたのかもしれないけど、以前はどうやっても上手くいかなかったのが、今回はできましたー！！(∩´∀｀)∩ﾜｰｲ　そして体裁を整えなどして、各メニューに900pxの余白をつけて、とりあえず自分の環境ではすっきり感を出せました。メニューの背景色がなかなか決まらず…、これもあまり気に入っていないです。いっそ緑系にでもしてみる？