TOP

記事コンテンツやメニューテキストをプルダウンメニューで隠す

2014 1223
シリウス外部カスタマイズ 記事を隠す

 

今回はシリウスの記事内コンテンツヤメニューテキストリンクを
プルダウンメニューで隠すご案内です

 

大手のサイトで 
おやおやと これいいな~と感じられたスタイルのメニューがあったのでが

 

はてな?

 

このスタイルはプルダウンメニュー改造すればできるのではと?
という事情で記事追加しております

 

 

 

たとえばこんなサイトがあります

 

トップページでのお話ですが 然程の情報量でないとみられる構成

 

スクロールなどしなくともすべてのコンテンツやメニューが確認できるのですが

 

途中途中にタイトルメニューがあり クリックするとそこから下へ
膨大なコンテンツが表示されるサイト構成

 

見た目のページの文字は1500未満でありながらもそこに表示された文字数は
その倍はあろうかと!

 

そんな構成がプルダウンメニューを組み込む事によりできるんですね

 

出来ればボックス枠を使うと ここからはコンテンツが変わると読者様に
ご理解いただけるようになります

 

以下はユーザー定義ボックスで囲っておりますが クリックして
作動をご確認ください

 

 

 

こちらはからです 複数の配置がいいのではと思いましてのイメージ掲載

 

コピー用記述コード

 

<dl class="menu1">
<dt class="title4">シリウスカスタマイズ    閉じる</dt>
<dd class="detail">
テキスト

 

テキスト
</dd>
</dl>
</div>

 

 

フォントをできる限り左端へ位置を移動しましたので
余分なタグは削除しております

 

 

 

閉じるがありますね

 

シリウスカスタマイズを再度クリックすれば閉じますが
認識頂けるよう スペースを空けて配置しました

 

閉じるは マウスオーバー作動 もしくは下部に設置したかったのですが
今回は出来ませんでした

 

縦の拡張は閉じることがすぐできる出来る範囲が良いかと思います

 

課題として以降調べて参りますので解り次第追記たします

 

スポンサーリンク

 

 

 

ページのトップに戻るスクロールボタンを取り付ける手順解説
プルダウン式コンテンツメニューを作る方法 アーカイブにつかえるかも?
シリウスカスタマイズトップ

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