TOP

テーブルとプルタウンを組み合わせえるとナビゲーションができた

2014 1223更新
シリウス外部カスタマイズ テーブル組み込みナビメニュー

 

親カテゴリーで案内されているプルダウンメニューとテーブルを組み合わせると
ナビゲーションメニューができます

 

記事欄上部にお勧めのページナビゲーションを設置すると
読者にやさしいサイトになるでしょう

 


 

 

プルタウン要素はこちらでご確認の上 ファイルダウンロード
およびスクリプトをmtml内に配置してください
プルダウン式コンテンツメニューを作る方法 アーカイブにつかえるかも?

 

当ページで作動確認をしようとしたのですが 容量オーバーで
テーブルを使っての掲載は無理でした

 

他サイトで 掲載する例です

 

同メニューですみません

 

シリウス機能テーブルを使いますが
4つの横並びを配置したのですが 記事欄が狭いため3つに減らしてみました

 

 

4つのメニューですと 記事幅が狭い場合は メニューが縦並びになってしまいます

 

2カラムなどの場合は 4つはいけるはずです

 

メニューを全開にしました

右の枠ありは シリウスのボックスを使用しています

 

 

作成方法

 

シリウステーブルで4つの横並びを選択して記事内に呼び込みます

 

上部の項目はいらないのでカットします

 

赤印の項目にプルダウン要素を入れます

 

以下記述をすべて入れるわけですが
メニューが多い場合は減らしても問題ありません

 

<dt class="title">コンテンアーカイブツ</dt>の箇所にはリンクは張りません

 

各項目ごとにシリウス機能でリンクは 貼り付けてください

 

こちらをコピーしてお使いください

 

<dl class="menu1">
<dt class="title">コンテンアーカイブツ</dt>
<dd class="detail">
<ul>
<li>12月1日</li>
<li>1月2日</li>
<li>1月3日</li>
<li>1月4日</li>
<li>1月5日</li>
<li>1月6日</li>
</ul>

 

</dd>
</dl>

 

 

記載例

 

<!-- ★テーブルタグここから★ -->
<table class="dsc2item col4" cellspacing="1">
<tbody>

 

<tr>
<td><dl class="menu5">
<dt class="title">コンテンアーカイブツ</dt>
<dd class="detail">
<ul>
<li>シリウス</li>
<li>ぜうすハイや</li>
<li>このままがいいね</li>
<li>オバマ大統領</li>
<li>?????</li>
<li>プルタウン</li>
</ul>
</dd>
</dl></td>
<td><dl class="menu6">
<dt class="title">コンテンアーカイブツ</dt>
<dd class="detail">
<ul>
<li>シリウス</li>
<li>ぜうすハイや</li>
<li>このままがいいね</li>
<li>オバマ大統領</li>
<li>?????</li>
<li>プルタウン</li>
</ul>
</dd>
</dl></td>
<td><dl class="menu1">
<dt class="title">コンテンアーカイブツ</dt>
<dd class="detail">
<ul>
<li>シリウス</li>
<li>ぜうすハイや</li>
<li>このままがいいね</li>
<li>オバマ大統領</li>
<li>?????</li>
<li>プルタウン</li>
</ul>
</dd>
</dl></td>

 

</tr>
<!-- ★insertRow(<tr><td>項目1</td><td>項目2</td><td>項目3</td><td>項目4</td></tr>)★ -->
</tbody>
</table>
<!-- ★テーブルタグここまで★ -->

 


 

 

通常表示を画像にすることもできます
ですがシリウスのテーブルでは画像を入れるとフォントサイズが優先され
フォントサイズとサイズが同サイズの画像となり隙間だらけになります

 

こちらのテーブルを使いますと枠線やテーブル内の隙間を表示させません
コピーしてお使いください

 

<table>
<tr>
<td>GAZOU</td>
<td>画像</td>
<td>画像</td>
<td>画像</td>
</tr>
</table>

 


 

スポンサーリンク

 

 

テーブルを利用してナビゲーションメニューをつくリます
プルタウン式コンテンツメニューを作る方法 アーカイブにつかえるかも?

 

シリウスカスタマイズ

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