M E N U

Silent_Noise_Wのプラグインの開閉について

I am that I am Silent_Noise取扱説明書
の補足です。

【 Silent_Noise_Wのプラグインの開閉について】

正確には、開閉するプラグインと同時に、開いたままのプラグインを設置する場合の方法です。
開閉するプラグイン群の上か下に、開いたままのプラグインを設置することになります。

メニュータグを直接記入する際は
FC2ヘルプ | FC2ブログ | テンプレート用 変数一覧
とか公式テンプレートのメニューのタグを参考にして下さい。

以下、まだ未完成で大変ややこしいものになっておりますが、説明。

■HTMLに「開いたままにしておきたいメニュー」のHTMLを追加記入して下さい。
(プラグインとだぶらないよう注意。)


1.HTML内の「コンテナ内サイド」部分の「A」、「B」、「C」いづれか好きな箇所に
(プラグイン1、プラグイン2の内側は×)


<!--======コンテナ内サイド(サイドのプラグイン全体の枠)ここから======-->
<div id="sidemenu" class="clearfix">
A
<!--======プラグイン1ここから======-->
<!--plugin-->
(中略)
<!--/plugin-->
<!--======//プラグイン1ここまで======-->
B
<!--======プラグイン2ここから======-->
<!--plugin-->
(中略)
<!--/plugin-->
<!--======//プラグイン2ここまで======-->
C
</div><!--======//サイドメニューここまで======-->

2.下記のように記入して下さい。
(赤字部分のみメニュー毎に変更。divのクラス名前"js_open"は変更しないで下さい。)
<!--======XXXここから======-->
<div class="sidemenu_body">
<h4 class="plg_title" style="text-align:rightかleftかcenter">XXX(メニュータイトル)</h4>
<div class="js_open">
<div class="plg_body" style="text-align:rightかleftかcenter">
メニューの内容(HTML)
</div><!--//.plg_body-->
</div><!--//.js_open-->
</div><!--//.sidemenu_body-->
<!--======//XXXここまで======-->

3.以下はその具体例です。
<!--======コンテナ内サイド(サイドのプラグイン全体の枠)ここから======-->
<div id="sidemenu" class="clearfix">
 
<!--======プロフィールここから======-->
<div class="sidemenu_body">
<h4 class="plg_title" style="text-align:left">Profile</h4>
<div class="js_open">
<div class="plg_body" style="text-align:center">
<!--myimage-->
<p class="author-image"><img src="<%image>" width="100" height="100" alt="<%author_name>"></p>
<!--/myimage-->
<p class="author-name"><%author_name></p>
<p class="author-description"><%introduction2></p>

</div><!--//.plg_body-->
</div><!--//.js_open-->
</div><!--//.sidemenu_body-->
<!--======//プロフィールここまで======-->

<!--======プラグイン1ここから======-->
<!--plugin-->
(中略)
<!--/plugin-->
<!--======//プラグイン1ここまで======-->

<!--======検索ここから======-->
<div class="sidemenu_body">
<h4 class="plg_title" style="text-align:left">Search</h4>
<div class="js_open">
<div class="plg_body" style="text-align:left">
<form action="./" method="get">
<p class="plugin-search" style="text-align:left">
<input type="text" size="20" name="q" maxlength="200"><br>
<input type="submit" value="検索">
</p>
</form>

</div><!--//.plg_body-->
</div><!--//.js_open-->
</div><!--//.sidemenu_body--> 
<!--======//検索ここまで======-->

<!--======プラグイン2ここから======-->
<!--plugin-->
(中略)
<!--/plugin-->
<!--======//プラグイン2ここまで======-->

<!--======RSSここから======-->
<div class="sidemenu_body">
<h4 class="plg_title" style="text-align:left">RSS</h4>
<div class="js_close">
<div class="plg_body" style="text-align:left">
<ul>
<li class="rss"><a href="<%url>?xml" title="RSS">RSS&nbsp;1.0</a></li>
<li class="html-valid"><a href="http://validator.w3.org/check?uri=referer" title="HTML 4.01 Validator">HTML&nbsp;4.01</a></li>
<li class="feed-valid"><a href="http://feedvalidator.org/check.cgi?url=<%url>?xml" title="RSS Feed Validator">RSS&nbsp;FEED</a></li>
</ul>

</div><!--//.plg_body-->
</div><!--//.js_close-->
</div><!--//.sidemenu_body-->
<!--======//RSSここまで======-->

</div><!--======//サイドメニューここまで======-->
未整理のメモ。
今のところ、HTMLにメニューの内容(タグ等)を
既存のプラグイン用のタグに当てはめて直接記入するのが面倒くさいけど簡単?かな。
その上で
・HTMLにて
class名のjs_closejs_open等好きなものに変へて
・cssにて
js_closeの指定からdisplay: noneの行を削除したものを
js_openに指定すれば

基本開いたままで閉じたいときにタイトルをクリックすれば
閉じられる、というのなら出来るんだけど。
関連記事

Comment

Post a comment

非公開コメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。