忍者ブログ
http://tsukikalab.blog.shinobi.jp/
Admin / Write / Res
<< 06   2017/07   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  31     08 >>


◆◆ INFORMATION ◆◆

忍者ブログ共有テンプレートを作成しています。
 プラグインにテンプレート一覧があります。
ご利用の際には、必ず<<はじめに>> <<利用規約>>をご覧ください。

 新作テンプレート作成中は、動作・表示確認を行うことがあるため、
レイアウトが崩れて表示される場合がありますがご了承ください。

 テンプレートについてのお問い合わせやご質問等は、
各記事のコメント欄かプラグインにあるメールフォームからどうぞ。


[36]  [35]  [32]  [31]  [30]  [29]  [28]  [27]  [26]  [25]  [24
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

折りたたみ式プラグインにする場合のhtml編集。(忍者テンプレート用)

長くなるので、折りたたみます。


テンプレート編集画面下、htmlの変更箇所。

<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>


次に、折りたたみしたいプラグインの、下記  の部分を書き換えます。
たとえば、プラグイン3を折りたたみにしたい場合だと・・・
<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>

以上でおしまい。

拍手[1回]

PR
この記事にコメントする
Name
Title
Color
Mail
URL
Comment
Password   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret
Calendar
06 2017/07 08
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 31
New Entries
jewel (01/25)   
Σ(・Д・ノ)ノ アウッ  (10/17)   
twilight (06/13)   
green leaf 3 (06/04)   
Flower&Painting (05/27)   
Profile
  Author   :  月華
 about me  :  とにかくブルー好き 
精神的に落ち着く色らしい。。。(≧m≦)

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
NeckDoll
Links
共有テンプレート作成で素材をお借りしているサイトさま (順不同)

写真素材 ハマ様 Kun

イラスト素材 真珠(まじゅ)様 Pearl Box

ナチュラル・レトロ素材 まりあ様 *MARIA

黒・白背景用イラスト素材 たかむらちはる様 Atelier Black/White

クリスタル素材 Anezaki様 Egg* Station
Bar Code
Copyright © 2008-2011  tsukika's lab All Rights Reserved.
*Material by Pearl Box  * Template by tsukika  * Powered by NINJA TOOLS
忍者ブログ [PR]