2005年04月03日

ぷちリニューアル その2−コラム開閉スクリプト

このエントリは以下のブログにTBしています。
食と日記とウェブログとさん


さてさて。
色変えただけじゃつまらないんで、
その他のデザインも変えてみたよん。

主な変更点はコチラ。
・両サイド→右サイドのみに変更
・ブログコンテンツの全般的デザイン変更
・サイドの折りたたみスクリプトの導入

トップのとぼけたペンギンさんは、コチラからお借りしています。
…NOION…さん


さてさて。
なんと言っても今回のキモはサイドの折りたたみ。
これ、前からやってみたかったんだよねぇ。

で。
お世話になったサイトがトラックバックさせてもらった
食と日記とウェブログとさん

実はこちら。
その昔金メダル作って一緒に遊んでいただいた方だったりします。
懐かしいですねぇ〜。


さて。
こちらで紹介されているスクリプトを使えば、
折りたたみ機能のない seesaa でもサイドコラムを開閉できます。
とても丁寧に使い方が書いてあるので、
基本的には上記サイトさんをごらんいただくのが一番!

大体ワタシ javascript なんて全然分からないしッ。
なんで seesaa ユーザー向けの補足に留めさせてもらうから・・・。


スクリプトの埋め込み方は2種類あります。
1つは紹介されているように、.js ファイルを作成する方法。
もう1つはコンテンツとして書きこんでしまう方法です。

まず1つ目の .js ファイルを作成する場合。
ファイル作成までは上記サイトさんの説明に沿って行ってください。

ただし、以下の点に注意してください。
 aryTitle[1] = "Search";
 aryDefault[1] = false;
でいうところの Search には、ブログで表示しているサイドタイトル、
またはプラグイン名を記述してください。
管理画面でのサイドタイトルではありません。

また、名前の重複するタイトルを記述すると開閉がうまく動作しません。
例:Links と BlogLinks という2つのタイトルがある場合、
Links と全く同じ文字列が BlogLinks に含まれるため、
BlogLinks の方は開閉しません。
重複しない様にタイトルを変更してください。


ファイルができたらファイルマネジャでファイルを seesaa サーバへアップロードします。
※管理画面から[ツール]→[ファイルマネジャ]で行ってください。

その後新しいコンテンツを[自由形式]で追加してください。
※管理画面から[デザイン]→[コンテンツ]→[新しいコンテンツの追加]

追加したコンテンツに javascript を埋め込みます。
※こんな感じ↓
<script language="JavaScript" type="text/javascript" src="http://hogehoge.seesaa.net/js/fuga_script.js" charset="Shift-JIS"></script>
注:src の url はファイルの保存先を指定。コレ↑をコピペする場合は’<’と’>’を半角に変更して下さい。

あとは再構築してできあがり。


次はコンテンツに直接書く方法。
これはコンテンツを新しく追加して、
それにファイルに書くべきものを全て記述したら完了。
再構築して確認すればおっけ〜です。

たぶんこっちのが簡単だね。
ワタシはファイルでやっちゃったけど。

一通りたたむのが成功したら、
ボタンのデザインを変えたりサイドタイトルとのバランスを整えれば完了!

これでずらずら長かったサイドがすっきり。
新年度もはじまって、気持ちよいブログ生活が堪能できるはずだっ?!

いちおね。
今回のリニュは win98+IE5.0 と win98+Opera7.54 とゆ〜微妙な環境で動作確認。
開閉スクリプトはどちらも問題なく動作してる模様。

ただデザインがびみょ〜でさ〜・・・。
opera だと少し崩れるんだよね。
でも IE だと点線とかちゃんと出ない・・・。
でもって IE 使わないんだよ、ワタシ・・・。

さて、どうしたもんか・・・。


あ、あとね。
ちょい、手抜きな説明ですのでわからない事あると思います。
遠慮なくご質問下さい。
・・・答えられるとは限りませんが(__ )|||||


次はコメント欄の変更したいんだよねぇBlogRanking
posted by ちゃっぴー at 11:18 | 東京 ☁ | Comment(11) | TrackBack(1) | blog カスタマイズ

ニックネームをちぇけらっちょ(BlogPet)

きのうちゃっぴーで、異名みたいなblogしなかったー。
ちなみにここでちゃっぴーのシにblogするはずだったみたい。
ちなみにちゃっぴーとblogしないです。
ちなみにここまで歌謡をblogしたかったの♪
ちなみにちゃっぴーとblog♪


*このエントリは、BlogPetの「こちゃっぴー」が書きました。
posted by ちゃっぴー at 10:42 | 東京 ☁ | Comment(0) | TrackBack(0) | BlogPet のこちゃっぴー

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。