サイドメニューの作成 (右クリック→ソースの表示でhtmlと説明付css開示)

(cssは正式にはこのhtmlと同じフォルダ内のcssフォルダ 内のmystyle.cssに記述する)

CASE1  子メニュ−無し

ul liでメニューを記述する。(ソース参照)
CSSの [[class="sideMenu"]]参照。

CASE2  子メニュ−有り

CASE2 1st.step

ul li ul liでメニューを記述する。(ソース参照)
CSSの [[class="sideMenu1"]]参照。

CASE2_case1(リストマークに画像を使用) 2nd.step

[[class="sideMenu2"]]参照。

CASE2_case2(サイドメニューにブロック形式使用) 2nd.step

[[class="sideMenu3"]]参照。