スポンサーサイト 
-- -- --
-- --:--:--

スポンサー広告  Comment -  Trackback -  edit.

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

開閉メニューの増やし方。 
2005 07 04
Mon 14:26:37

カスタマイズ  Comment 4  Trackback 0  edit.

掲示板の方で開閉メニューの増やし方の質問を頂いたので早速ご説明。(^ー^)
まず、メニューの増やし方としてcat_menufolder_ver1を例に説明します。
HTML編集画面で↓の「メニュー部分設定」を探してください。

<!-- メニュー部設定 -->
<div id="menu">
.
.
(ここからです。)

<div class="sidetitle2" id="profilename">PROFILE</div>
<div id="profilelist">
<p class="profile"><img src="<%image>" alt="<%author_name>"></p>
<ul>
<li><%author_name></li>
<li><%introduction2></li>
<li><a href="./?admin">管理ページ</a></li>
<li><a href="<%url>?xml">RSS</a></li>
</ul>
</div>

<script type="text/javascript">
<!--
FoldNavigation('profile','off',false);
//-->
</script>
(ここまでが一つのブロック)
.
.

↑部分が一つのセットとして設定されてます。
後はこれを自由に変更して使うというのが基本です。

<!-- メニュー部設定 -->
<div id="menu">
.
.
<div class="sidetitle2" id="profilename">PROFILE</div>
                    ↑メニュー項目のタイトル部分

<div id="profilelist">
       ↑メニュークリック時に表示される内容の為のタグ

▼ここからがタイトルクリック時に表示される内容
<p class="profile"><img src="<%image>" alt="<%author_name>"></p>
<ul>
<li><%author_name></li>
<li><%introduction2></li>
<li><a href="./?admin">管理ページ</a></li>
<li><a href="<%url>?xml">RSS</a></li>
</ul>
▲ここまで。

</div>

<script type="text/javascript">
<!--
FoldNavigation('profile','off',false);
           ↑”profile”はメニュー項目の(ID=)と同じ名前

//-->
</script>
.
.

ここで重要なのが、一つのメニューに付ける”ID="の名前を、
「 id="profilename"」
「 id="profilelist"」
「 'profile' 」  の様に同じ名前で付けるという事です。

「id="?name"」と「id="?list"」の「?」を同じ名前(好きな名前で構いません)

リスト部分(タイトルをクリック時、表示される内容)に関しては、以下のように<div id="?>と</div>で囲まれた部分にタグを書き込む事でクリック時に表示されます。
<div id="profilelist">

<!-- ここに好きなようにタグを書き入れます。 -->

</div>

初めて表示される時に開いているか、閉じているかの設定は、FoldNavigation('profile','off',false); 部分の'off'は閉じた状態で、'on'に変えると開いた状態に設定できます。

スクリプト本体の所にも説明が書かれてますのでそれを参考にして下さい。

一番簡単なプロファイルの部分で説明しましたが、リンクやコメントなどFC2の変数を使う場合は、
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>

<div id="?>と</div>の間にある↑の様な部分を編集する事で別の項目を増やす事も出来ますが、cat_menufolder_ver1などは必要なメニューは設定されてますので使いやすいように、並べ替える方がベストです。
<div id="menu">以下の部分がサイド・メニューですので、使いやすいように並べ替えても構いません。

以上で簡単な説明ですが、分からない部分などはコメント頂ければ出来る限り説明させて頂きます。

Re comments.

「メニュー追加について」
はじめまして。cat_menufolder_ver1を使用させて頂いています(まだ弄り中です^^;)

開閉メニューの追加についてなんですけど、どうもうまくいきません。profileの部分をそっくりそのままコピーして貼り付けても、メニュー自体は表示されるのですが、開閉しません…。「MY BLOG SEARCH」メニューのような感じで表示されてしまいます。

他の部分も設定する必要があるのでしょうか?

よろしくお願いします。
2005/07/11(月) 13:04:26 [URL] chitoseさん [編集]
「メニューの開閉」
どうも始めまして。
開閉メニューの増やし方ですが、
>profileの部分をそっくりそのままコピー

ここまでは基本なんですが、その際に、IDの名前と項目別に書かれているスクリプトの変更が出来ていないためだと思います。

id=profilemane
id=profilelist
と書かれている部分と、
<script type="text/javascript">
<!--
FoldNavigation('profile','off',false);
           ↑”profile”はメニュー項目の(ID=)と同じ名前

//-->
</script>
と、書かれているスクリプトの 'profile'部分を同じ名前で統一しないと働きません。
その名前の付け方も他に使われていない名前にしないと駄目なんです。
タグとかスクリプトなどに使われているなっていたり、すでに使われている名前になっていたりすると二重登録になりますから動かないです。
もう一度確認して別の名前にしてみて試して下さい。

それとスクリプト部分は、項目とセットになって書かれてます。
そのスクリプト部分もコピーしないといけません。
2005/07/11(月) 21:31:37 [URL] 有希之武さん [編集]
「出来ました!」
回答ありがとうございます。

さっそく再度チャレンジしてみました。
「同じ名前」ってのがダメだったみたいですね^^;
別のID名称で統一したところ、ちゃんと開閉メニューが追加されました。

どうもありがとうございました^^
2005/07/12(火) 09:17:56 [URL] chitoseさん [編集]
「良かったですね(^ー^)」
どうもご報告ありがとうです。
本当は私も始めは同じ名前を使ってしまって「何で?」って
とまどい色々調べて分かったんですけどね(^^;
2005/07/12(火) 10:08:12 [URL] 有希之武さん [編集]
Comment form.

  管理者にだけ表示を許可する 
  注意 名前、タイトル、本文を入力する事で投稿可能になります。

Trackbacks.

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