Top Page > Category:Webカスタマイズ
カテゴリ「Webカスタマイズ」の記事一覧

HTMLでリストタグ「ul」「li」を入れ子にして多階層にする方法

リストタグは、例えばグローバルナビゲーションメニューや、アコーディオンメニュー、ツリーメニューなどの「メニュー」表示をする時に使います。あとは、記事内で箇条書きにしたい時なんかにも使ったりします。このブログでリストタグに触れているのは4つかな?グローバルメニューとアコーディオンメニュー(ツリーメニュー)を実装した時ですね。とりあえずリストタグを使った記事を紹介しておきます。関連記事■【Seesaaブロ…

CSSだけで多階層のアコーディオンメニュー(ツリーメニュー)を作る

「JavaScript」や「jQuery」を使わずに、CSSだけを使って多階層のアコーディオンメニュー(ツリーメニュー)を作ります。まずは、関連記事を紹介しておきます。CSSだけで多階層のアコーディオンメニューを作るために書いた記事は、この記事で4つ目です。最初から通して読んでもらうと、何となく流れはわかるんじゃないかな?とか思ったんですけど、別に流れを理解する必要はありませんでした(笑)上記で掲載しているようなアコ…

【CSS Multi-Level Accordion Menu | CodyHouse】のアイコン画像を変更する

■CSS Multi-Level Accordion Menu | CodyHouse前回の記事<■【CSS Multi-Level Accordion Menu | CodyHouse】を使ってCSSだけでアコーディオンメニューを設定>では、CSSだけでアコーディオンメニューを設定できる「CSS Multi-Level Accordion Menu | CodyHouse」の紹介をしました。上記でリンク案内している『CodyHouse』様のサイトからファイルをダウンロードし、必要なファイルを選択して自分のブログやサイトにアップロー…

【CSS Multi-Level Accordion Menu | CodyHouse】を使ってCSSだけでアコーディオンメニューを設定

■CSS Multi-Level Accordion Menu | CodyHouse「JavaScript」や「jQuery」を使わずにCSSだけで多階層のアコーディオンメニューを作る方法を知りたくてネットで検索しまくった結果、「CSS Multi-Level Accordion Menu | CodyHouse」というサイトを見つけました。「CSS Multi-Level Accordion Menu | CodyHouse」のアコーディオンメニューは、「ul」「li」のリストタグと「label」と「input」を使ってコーディングされているので…

CSSだけで多階層のアコーディオンメニュー(ツリーメニュー)を作るために参考にしたサイト

CSSだけで多階層のアコーディオンメニュー(ツリーメニュー)を作りたいと思います。私がやりたいのは「CSSだけで」ってことです。「JavaScript」や「jQuery」を使わずに、CSSだけを使って多階層のアコーディオンメニュー(ツリーメニュー)を作りたいのです。(我が儘かよw)まずこの記事では、私がアコーディオンメニュー(ツリーメニュー)を作るために参考にしたサイト様を紹介します。そして、次の記事では参考にしたサイ…