サイドメニューの折りたたみ
'05/07/06
- menufolder.jsをダウンロード
小粋空間さまからコードをダウンロード。
適当なテキストエディタで保存。 - menufolder.jsを編集する
245行目あたりから
// リンク方式
// 折りたたみマークにリンク付与：'unblock'
// メニュータイトル枠全体にリンク付与 'block'
var linkType = 'block';
// 折りたたみマーク表示(メニュータイトル枠全体をリンクにする場合のみ有効)
// 表示する：true
// 表示しない：false
var displayMark = false;
// 折りたたみマーク
// 上：閉じている状態で表示されるマーク
// 下：開いている状態で表示されるマーク
var openMarkForSideBarMenu = ''
var closeMarkForSideBarMenu = ''
ここで引っかかりました。
赤字で表示してある''←これ。
'こういうこと'だったようで。
シングルクォーテーションなんですよね。思いっきりダブルクォーテーション1個で書いていたので動作せず。
そりゃそうだ。おかしいとは思ったんですよ…（恥）
ちゃんとコピペすればよかった…。
- ローカル・サイト・パスへアップロードします。
- スタイルシート追加
.sidetitle2 {
width: auto;
margin:3px 0px 0px 0px;
padding: 0px;
text-align: center; /* テキスト配置 */
}
.sidetitle2 a {
width: auto;
}
/* 通常 */
.sidetitle2 a:link,
.sidetitle2 a:visited {
display: block;
padding: 2px;
border: 1px solid #999999; /* 枠線 */
color:#666666; /* 文字色 */
background-color:#f6f6f6; /* 背景色 */
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-decoration: none;
}
/* マウスポイント時 */
.sidetitle2 a:hover {
padding: 2px;
border: 1px solid #999999; /* 枠線 */
color:#ffffff; /* 文字色 */
background-color: #999999; /* 背景色 */
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-decoration: none;
}
- テンプレートを編集
<head>～</head>内に以下の様に記述する
<script language="JavaScript" type="text/javascript" src="<$MTBlogURL$>menufolder.js" charset="utf-8"></script>
折りたたみにしたいメニュー部分を編集する
<div class="sidetitle2" id="Entryname">
Recent Entries
</div>
<div class="side" id="Entrylist">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<script type="text/javascript">
<!--
FoldNavigation('Entry',' on ', false );
//-->
</script>
赤字のところが追加した部分です。
あとは適宜スタイルシートをいじって完了。
いや～。無駄に時間を費やしてしまいました…。トホホ。
ぽちっとな。クリックお願いします♪
Comments
No comments yet
TrackBacks
このエントリにトラックバックはありません
