TOP

プルダウンメニュ―をユニークにカスタマイズしてみましょう

当該コンテンツは上部ページのプルダウンメニュー解説の延長ですが

 

意味合いは全然異なり

 

スクリプト要素を読者様へ興味を抱かせる表現法に切り替えてみる

 

記事内で 面白さ 楽しさを演出する

 

という....趣旨でございます

 

 

記事内でユニーなカスタマイズを表現する

 

 

基本プルダウン導入方法は上部ページでご案内しております
プルダウン式コンテンツメニューを作る方法 アーカイブにつかえるかも?

 

 

基本プルダウン導入の詳細がご理解いただけましたら
羽化へ進みましょう

 

シリウス外部カスタマイズ プルダウンメニューの面白い使い方

 


 

今回は 画像を試用しての面白さを表現してみます

 

 

 

画像上部をクリックしてください

 

 

 

 

 

如何ですか?

 

もっと良い画像があれば良いのですが 無いものでとりあえずはこれで
ご勘弁を!

 

ゴジラとか ガメラとか 

 

綺麗な美女の口が空いたら 骸骨が出るとか

 

下がべろ~ンと出るとか

 

 

いろんな趣向があるかとは思いますがカスタマイズは自己判断で願います

 

構成は痛って簡単

 

 

まずは3枚の画像を用意します

 

上下画像は一つの画像を別に分離編集してください

 

隠れてはいますが 開けば見える画像

 

 

記述コードです
コピーしてお使いください

 

<dl class="menu1">
<dt class="title4">上の画像コード</dt>
<dd class="detail">
<ul>
    隠す画像コード
</ul>
</dd>
</dl>
下に表示される画像コード

 

 

 

下に表示される画像コードは下の記述の外に置きます

 

今回は顔の口部分を開くということで進めましたが
顔に限りませんので

 

開いたら何を見せるかを 

 

面白いもの

 

びっくりするものなど試行錯誤しながら考えましょう

 

スポンサーリンク

 

 

 

シリウスサイトでプルダウンメニュ―をユニークにカスタマイズ
プルダウン式コンテンツメニューを作る方法 アーカイブにつかえるかも?
シリウスカスタマイズトップ

シリウスサイトでプルダウンメニュ―をユニークにカスタマイズ関連解説
フリースペースでプルタウンを作ってメニューの大型化??
シリウスの2カラムや大型サイトではメニューが多くなると構成に困ることもありますね でもプルダウン式メニューを設定すればメニューを最小限に抑えられます
テーブルを利用してナビゲーションメニューをつくリます
記事欄の好みの位置に 複数メニューで表示させるちび助グローバルでプルタウンスタイルを簡単に作る方法です
シリウスの記事をプルダウンメニューで隠すカスタマイズ
シリウスの記事は少数に見えてもプルダウンメニューを使い多くのコンテンツを隠している場合がございます クリックすると ドド~ンと表れますなんてカスタマイズですが......
シリウスのサイトメニューをプルダウンメニューへカスタマイズ
シリウスのページコンテンツを表すサイトメニュー はサイトが大型化するに従い 整理に悩むことも? そんな場合はプルダウンメニュー形態に集約してみる事も一考 jquery-1.10.2.min.js採用でご案内
シリウスにアコーディオンサイトメニューを導入するカスタマイズ
シリウスサイトメニューをアコーディオンスタイルへ変更する際の適合スクリプトがございましたので公開致します サイトが大型化となった場合はメニューの収納から多項目表示可能なカスタマイズを施行して情報開示を解り易くしましょう
シリウスにアコーディオンメニュー上下開閉式を取り付けカスタマイズ
ここではシリウスにバージョンアップした?アコーディオンメニュースクリプト取り付けのご案内です。作動は上からも下からも緩やかにブラインドアウトする微妙な動き、サイイトメニューへ取り付けてもフリースペースに入れても高度な動きを表現します
アコーディンメニューシリウス機能でデザインカスタマイズ
シリウスに導入したアコーディンメニューをシリウス機能でデザインを変更してみましょう CSS指定のカラーではなく 画像を採用してのカスタマイズです