コピペ用ソースコード集　第3弾「ナビゲーション編」

第3弾のコピペ用ソースコード集はナビゲーションに使えるソースコードをご用意します。
メインメニューやサブメニューに使える、コピペするだけの簡単HTMLソースコードをご紹介。

各ページに記載されている「ソースコード」をHTMLソースにコピー・ペーストして使用してください。

concrete5で使用する場合は編集画面の「ブロックを追加」→「HTMLコード」にコピペ、
または、編集記事のツールから「HTMLソース編集」を選択し、任意の場所にコピペしてください。

追加が簡単なリストを使ったナビゲーション

ナビゲーションを画像で作ると、更新するときに手間がかかりますよね。リストタグを使うことで簡単に項目を追加することができるナビゲーションを実現します。

このソースコードは、縦に並ぶナビゲーションです。サイドメニューとしての使用に適しています。

横配置ナビゲーションは、横に並ぶナビげーションで、メインメニューなどで使用される場合が多いです。下記ソースコードの最後「<div style=”clear:both;”></div>」は、必要ですのでご注意ください。