http://tsukikalab.blog.shinobi.jp/
折りたたみ式プラグインにする場合のhtml編集。(忍者テンプレート用)
長くなるので、折りたたみます。
長くなるので、折りたたみます。
[1回]
テンプレート編集画面下、htmlの変更箇所。
<body> 真下にオープンプラグイン用の Java Scpipt を埋め込みます。
次に、折りたたみしたいプラグインの、下記 の部分を書き換えます。
たとえば、プラグイン３を折りたたみにしたい場合だと・・・
<plugin3> ～ </plugin3> の間の の部分を削除します。
削除後、下記のタグを打ち込みます。(コピペでOK)
以上でおしまい。
<body> 真下にオープンプラグイン用の Java Scpipt を埋め込みます。
|
<script type="text/javascript" language="JavaScript">
<!-- function openPlugin(id){ if(document.getElementById){ if(document.getElementById(id).style.display == "none") document.getElementById(id).style.display = "block"; else document.getElementById(id).style.display = "none";}} //--> </script> |
次に、折りたたみしたいプラグインの、下記 の部分を書き換えます。
たとえば、プラグイン３を折りたたみにしたい場合だと・・・
<plugin3> ～ </plugin3> の間の の部分を削除します。
|
<!--plugin3-->
<div class="PluginInnerBlock"> <div class="PluginTitle <!--$plugin_title_align-->"> <!--$plugin_title--> </div> <div class="PluginExplanation <!--$plugin_explanation_align-->"> <!--$plugin_header_explanation--> </div> <div class="PluginContents <!--$plugin_contents_align-->"> <!--$plugin_data--> </div> <div class="PluginExplanation <!--$plugin_explanation_align-->"> <!--$plugin_footer_explanation--> </div> </div> <!--/plugin3--> |
削除後、下記のタグを打ち込みます。(コピペでOK)
|
<div class="PluginInnerBlock">
<div class="PluginTitle <!--$plugin_title_align-->"> <a href="JavaScript:openPlugin('open<!--$plugin_no-->')">▼ <!--$plugin_title--></a> </div> <div id="open<!--$plugin_no-->" style="display:none;"> <div class="PluginExplanation <!--$plugin_explanation_align-->"> <!--$plugin_header_explanation--> </div> <div class="PluginContents <!--$plugin_contents_align-->"> <!--$plugin_data--> </div> <div class="PluginExplanation <!--$plugin_explanation_align-->"> <!--$plugin_footer_explanation--> </div> </div> </div> |
以上でおしまい。
PR
この記事にコメントする
Calendar
| 03 | 2025/04 | 05 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Thanks
New Entries
New Comments
Christmastide
⇒ DSLR-A850 (11/12)- blue flower
⇒ 橙 (08/29) - blue flower
⇒月華
- blue flower
⇒ 橙 (08/28) - blue flower
⇒ - twilight
⇒ AKIG (07/25) - twilight
⇒ - jewel
⇒ えいしん (01/28) - jewel
⇒ - はじめに
⇒ くるりん村長 (12/25) - はじめに
⇒ - Σ(･Д･ﾉ)ﾉ ｱｳｯ
⇒ 橙 (12/01) - Σ(･Д･ﾉ)ﾉ ｱｳｯ
⇒ - Σ(･Д･ﾉ)ﾉ ｱｳｯ
⇒ 橙 (10/17) - Σ(･Д･ﾉ)ﾉ ｱｳｯ
⇒ - marguerite ３カラム
⇒ かなせ (10/14) - marguerite ３カラム
⇒ - twilight
⇒ ミドリーヌ (08/01) - twilight
⇒
Profile
精神的に落ち着く色らしい。。。(≧ｍ≦)
OS : Windows Vista ・ XP ・ Me
browser : IE 6 ・7 ・8
Firefox 3.6.15
Safari 5.0.4
Google chrome 8.0.552.237
▼ リンクバナー
当ブログはリンクフリーです。
バナーは、右クリック → 保存 でお持ち帰りください。
Name : tsukika's lab
URL : http://tsukikalab.blog.shinobi.jp/
Master : 月華
Search in Blog
Links
共有テンプレート作成で素材をお借りしているサイトさま (順不同)
Kun
Pearl Box
*MARIA
Atelier Black/White
Egg* Station
Bar Code