スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
stella_basics_b
リキッドレイアウトに対応したシンプルなテンプレート。

基本的な構造は「stella_basics」と同じになりますが、
メニュー折りたたみスクリプトの使用とトップページのみに表示されるインデックスエリアを設置しています。

カスタマイズを施すことによって、

・デフォルトの状態でメニューを広げて表示させる
・インデックスエリアの削除

が可能です。

詳しくは記事の追記をご覧下さい。
※フリーエリアに関しては折りたたみスクリプト適用外となっております。


サンプルを見る

ダウンロードページ | 利用規約/使用上の注意

※不具合を発見された方は、お手数ですが管理人までご連絡お願い致します。

■ メニューを広げた状態で表示
広げた状態で表示させたいサイドメニューのHTMLからstyle="display:none"を削除して下さい。

例:カレンダー
<!-- BEGIN calendar -->
<h2><a href="javascript:void(0)" onclick="dd('fo01')">Calendar</a></h2>
<div style="display:none" id="fo01">
<div class="calendar">{calendar}</div>
</div>
<noscript>
<div class="calendar">{calendar}</div>
</noscript>
<!-- END calendar -->

変更後
<div id="fo01">

※カスタマイズメモ「メニュー折りたたみ」を応用すればフリーエリアの折りたたみも可能。


■ インデックスエリアの削除
テンプレートから下記のHTMLを削除してください。
<!-- index page -->
<div id="index_page">
<div class="index_area">
<div class="index_title">
- INDEX -
</div>
<div class="index_body">
この文章はトップに固定されます。<br>
改行などはタグ&lt;br&gt;を使用して下さい。<br>
不要な場合は&lt;!-- index page --&gt; 〜 &lt;!--/ index page /--&gt;までを削除してください。
</div>
</div>
</div>
<!--/ index page /-->

※不具合を発見された方は、お手数ですが管理人までご連絡お願い致します。
| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |