サイドバーを折りたたむ
左にあるサイドバーの、「最近のエントリー」や「カテゴリー」といった各項目を折りたたみ式にしてみました。
しかも、「うにょ～ん」ってかんじにゆっくり開閉します。
左にサイドバーが出てない方は「個別エントリー」をご覧になってます。
サイドバーが表示されるのは「メインページ」か「プロフィールページ」だけです。
ページ一番上の「心にうつりゆく由無しごと」をクリックするか、その下の「メイン」って部分をクリックするとメインページへ移れます。
また、ケータイではそもそも仕様が異なるためサイドバーは表示されません。
Ajaxという技術が使われてるらしいです。
「エイジャックス」って読みます。「アジャックス」「アジャコング」「エイベックス」は誤り。
ま、このメニューの開閉に限らず、ようするに新たに別ページを読み込むことなく、シームレスに動作する技術をAjaxっていうらしいです。
解釈がまちがってるかもしれませんが、イメージとしてはこんな感じかと(笑)。
実際の改造の仕方は、小粋空間さんのこちらのサイトを見ていただくとして…
最初は、「折りたたみ ｖ4.0」の方でスタイルシートの設定をしたあと、
設定が終わったら保存・再構築してください。うまくできればマウスポイント時に画像のような反転を行います。
の時点で反転されなかったため、「失敗か」と思いました。
正直、このブログに関しては今までいろいろ改造に改造を加えて、もはやどこをどういじってきたんだか分からなくなってるんですよね。
ヘタにいじろうものなら他のところに影響を与えかねなかったり。
だからこのときも、「ああ、やっぱり以前に改造したどこかが悪さしてるんだな」と思って、一時はあきらめました。
しかしどうしても「うにょ～ん」があきらめきれず、再度、改造にチャレンジ。
やっぱりダメ。
メニュー項目にカーソルを当ててもカーソルが反応しない。
サンプルの方では、マウスカーソルが通常の矢印から指の形に変わるのに、そうならない。
つまりテキスト選択時のI字型カーソルになってしまう。
やはりAタグが無いとダメなのか？
しかし、サンプルのソースを見てもAタグは関係ないらしい。
とりあえず最後まで設定してみるか。
………
動きました(笑)。
なんだったんでしょうか。
アップロードしてなかったJSファイルのせいなのか、スタイルシートとid、class指定がいけなかったのかは分かり
ません。
なんで？スタイルシートだけの問題じゃないの？
とりあえず結果オーライということで。
しかし、Movabletypeのバージョンアップはできないなー
現状の3.2jaのままで死ぬまでいくしかない(笑)。
もしどうしてもバージョンアップ、もしくは再構築せざるを得なくなったときは、一から入れなおしだな。