●サイドメニューをゆっくり折りたたむっ!
こちらのサイトにて以下の3つをコピって保存。
prototype.js → lib/ をクリック、次のページの prototype.js をクリックすると ソースが表示されます。
controls.js → src/ のところに ソースページへのリンクあります。
effects.js → 同じく、src/ のところにあります。
小粋空間サマのこちらのページでmenufolder.jsをDL
menufolder.jsの614行目あたりの
// Element.show(effect.element); // prototype.js 修正要
// element.style.display = 'block';
下の//を消して、上に//をつけました。
menufolder.js マニュアルを見ながらゆっくり開閉するようにmenufolder.jsを変更
小粋空間:サイドメニューの折りたたみを参照しながらさらにいじった。
protptype.jsの
show: function() {
for (var i = 0; i < arguments.length; i++) {
var element = $(arguments[i]);
element.style.display = '';
}
},
の部分を
show: function() {
for (var i = 0; i < arguments.length; i++) {
var element = $(arguments[i]);
element.style.display = 'block';
}
},
にしました。
それぞれをUPして、メインテンプレートに下記を追加
<script type="text/javascript" src="<$MTBlogURL$>prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>controls.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>effects.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>menufolder.js"></script>
ここで小粋空間:サイドメニューの折りたたみ(v4.0) をしてなかった事にきづいた!w
スタイルシートの最後に
/*サイドメニューの折りたたみ*/以上を追記した
.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;
}
インデックスの中の折りたたみしたい下記の部分
<div class="sidetitle">
最近のコメント
</div>
を
<div class="sidetitle2">
最近のコメント
</div>
こんな感じにsidetitle2にした。
そしてid属性をそれぞれつけました。
最後にそれぞれのメニューの最後に以下を挿入
<script type="text/javascript">
<!--
FoldNavigation('newcomename','off',true);
//-->
</script>
以上でなんとか開閉するようになったけど、タイトルがないw
ワクワクボックス状態になってしもた!!!ヒィイィィィ!!!
なのでヘルプ書き込みしちゃいました(^^ゞ
http://www.koikikukan.com/archives/2005/04/01-220000.php
書き込みしてすぐにmenufolder.js の設定ミスとご指摘いただき
メニューが登場!!!ウワァァ━━━━━。゚(゚´Д`゚)゚。━━━━━ン!!!! うれちぃぃ
修正箇所:::
menufolder.js の
// リンク方式
// 折りたたみマークにリンク付与:'unblock'
// メニュータイトル枠全体にリンク付与 'block'
var linkType = 'unblock';
の最後のunblockをblockに変えました
※2006/11現在使用していませんが、後日使用予定なので残しておきました。
tag:
Posted by shee at 2006年09月14日 03:12[管理用]