※昨日の記事にも書いてありますが、副作用として、CDドライブの「自動再生機能」が使えなくなってしまうかもしれません。　（自分の環境だけかもしれませんが・・・　(-_-;)　）

設定方法

※この説明は「Windows」に「VMware Player」をインストールして、その仮想PCに「Windows XP」をインストールする説明になります。

必要な2種のファイルをダウンロード

それと、「Windows XP」のインストールCDが必要です。

仮想PCを設置するフォルダ&ディスクイメージ作成

1. の「qemu-0.9.0-windows」を解凍して、「qemu-img.exe」のあるフォルダ（qemu-0.9.0-windows）から「Windows」のコマンドプロンプトを実行します。
上記を実行してフォルダを作成します。黄文字部分のドライブ（d:\）&フォルダ名はお好きなものに適宜変更してください。


次に、下記を実行してディスクイメージを作成します。これが仮想PCのハードディスクになります。 黄文字部分は上記で作成したフォルダ名とあわせてください。
緑文字の「20G」が「仮想PCのハードディスク容量」になりますので、各自使用目的により数字を変えてください。　・・・ハードディスクに余裕がある場合は大きい方がいいです。（最大容量の指定であって、指定したサイズがすぐに取られるわけではないです。）
・・・これ以降「QEMU on Windows」は必要ありません・・・ペコリ(o_ _)ｏ))

仮想PCのインストール&環境設定

2. の「VMware-player.exe」を実行してご自分の「program」フォルダにインストールしてください。

次に、環境設定ファイルを作成します。 上記をサンプルをテキストエディタで編集してください。

	マスター	スレーブ
プライマリ	ide0:0	ide0:1
セカンダリ	ide1:0	ide1:1

設定が完成したら、「xp.vmx」と名前を付けて「d:\vmware\xp\」に保存してください。

使用方法

・・・上記で指定したCDドライブに「XP インストールCD」を入れて、最後に作成した環境設定ファイルの「xp.vmx」をダブルクリックするだけです。　(＞▽＜;; アセアセ
（ハードディスクの指定部分が現在は空になっているのでＣＤドライブから起動するはずです。）
後は、しばらくすると普通に「Windows XP」のインストールが始まります。

使い方 & 設定

• 「Ctrl」 + 「Alt」で入力先を「Windows」に戻せます。　逆に「仮想PC」に戻すには画面をクリックするか、「Ctrl」 + 「G」になります。
• ツールバー上の「VMware Player」をクリックすると「環境設定」がありますのでクリックして、「終了時の動作」の「終了時に：」で「VMware Player」を終了させた時の状態を選択できます。　・・・サスペンド（休止状態）にするか完全に終了させるか。
• 「VMware Player」の右にある「CD-ROM」&「フロッピー」&「イーサネット」&「サウンド アダプタ」が窪んだ状態（有効状態）になっていますが、クリックするとそれぞれのデバイスを無効に出来ます。
• 「イーサネット」の右にある「▼」をクリックすると、接続方法を変更できます。

・・・昨日の記事では面倒だったので説明しませんでしたが・・・（＾∀＾2）、Windowsの場合は簡単なので説明します。
2. の「VMware-player.exe」をインストールした「VMware Player」フォルダにある「windows.iso」をCDドライブに「cdrom-image」指定をして読み込ませて仮想PC上の「Windows XP」でそのCDドライブを開き起動させると「VMTool」なる便利なものをインストールできます・・・ちなみに、昨日の説明のVine Linuxの場合は「windows.iso」ではなく「linux.iso」と言うものが「VMware Player」フォルダに入っていますのでそちらを使用してください。

・・・何が便利かというと、上記の「使い方 & 設定」の入力先の変更をしなくて良い様になったり、HostOS と GuestOS間でコピペが出来るようになったります！！・・・他にも機能もあるようですが・・・・・・(゜＿゜i)タラー・・・
記述例：　（「windows.iso」をd:\vmware\xp\にコピーした場合） 黄色文字部分に「windows.iso」のファイルアドレスを指定
※「ide1:0」部分が使用中の場合は、かぶらないように空いている数字に変更してください。参照



以上になります。 (2 投票, 平均値/最大値: 4 / 5)

どのようなものかと言うと、上記に書いたとおりですが、ちょっとわかりづらいと思うのでもう少し詳しく書きますと・・・
「Windows」や「Linux」で使用できる無料のソフトです。　この説明は「Windows」に使う場合のみになりますが、このソフトを「Windows」にインストールすると、その中でもう１台の仮想PCをつくれます・・・そしてその仮想PCに別のOS「Linux」などをインストールできるわけです。　もちろん「Windows」もインストールできます。

・・・パソコンの中に、もう１台別のパソコン（OSでは無くPC）がまるごと入っている感じです。　その仮想PCに実際のPCからメモリーなどを振り分けたりCD＆HDドライブの設定などをします。

イメージ画像

・・・この画像では、パソコンの中にもう1台の「PC」と言うより、もう1種の「OS」って感じですが、あくまで仮想PC（ヴァーチャル・マシーン）なのですよ～
(＞▽＜;; アセアセ このソフトの利点としては、

• 使ったことの無いOS「Linux」などを簡単に試してみることが出来る
• インストールするのにウィルスなどがちょっと心配な海外のフリーソフトなどのお試しインストール
• Windowsの「hotfix」などの更新も安全に試せる

などなど、仮想PCで試してからやれば安全です。仮想PC上でクラッシュ＆感染したとしても簡単に元に戻せます。

• 仮想PCのバックアップも非常に簡単！仮想PCのOS自体がひとつのフォルダになっているのでそのフォルダごとコピーするだけです。
• 今回このソフトを使ったのは、OSのインストール画面をキャプチャーしたかったからなのですが、このソフトを使ってインストールすれば、Windows上で簡単にOSのインストール画面をキャプチャーできるという利点もあります・・・おまけ的ですが　(＞▽＜;; アセアセ

※副作用として、CDドライブの「自動再生機能」が使えなくなってしまうかもしれません。　（自分の環境だけかもしれませんが・・・　(-_-;)　）　・・・よくDVDを見るのですがこれをインストールしたら自動再生されなくなってしまった・・・(T^T)　・・・まぁ～いいけどね　（笑）

設定方法

※この説明は「Windows」に「VMware Player」をインストールして、その仮想PCに「Vine Linux」をインストールする説明になります。　・・・仮想PCに「Windows XP」をインストールする説明はこちら

必要な3種のファイルをダウンロード

仮想PCを設置するフォルダ&ディスクイメージ作成

1. の「qemu-0.9.0-windows」を解凍して、「qemu-img.exe」のあるフォルダ（qemu-0.9.0-windows）から「Windows」のコマンドプロンプトを実行します。
上記を実行してフォルダを作成します。黄文字部分のドライブ（d:\）&フォルダ名はお好きなものに適宜変更してください。

次に、作成した「d:\vmware\vine\」フォルダに、2. の「Vine42-i386.iso」ファイルを移動しておきます。
d:\vmware\vine\Vine42-i386.iso

次に、下記を実行してディスクイメージを作成します。これが仮想PCのハードディスクになります。 黄文字部分は上記で作成したフォルダ名とあわせてください。
緑文字の「5G」が「仮想PCのハードディスク容量」になりますので、各自使用目的により数字を変えてください。　・・・ハードディスクに余裕がある場合は大きい方がいいです。（最大容量の指定であって、指定したサイズがすぐに取られるわけではないです。）
・・・これ以降「QEMU on Windows」は必要ありません・・・ペコリ(o_ _)ｏ))

仮想PCのインストール&環境設定

3. の「VMware-player.exe」を実行してご自分の「program」フォルダにインストールしてください。

次に、環境設定ファイルを作成します。 上記をサンプルをテキストエディタで編集してください。


設定が完成したら、「vine.vmx」と名前を付けて「d:\vmware\vine\」に保存してください。

使用方法

・・・最後に作成した環境設定ファイルの「vine.vmx」をダブルクリックするだけです。　(＞▽＜;; アセアセ
（ハードディスクの指定部分が現在は空になっているのでＣＤドライブ（isoファイル）から起動するはずです。）

使い方 & 設定

• 「Ctrl」 + 「Alt」で入力先を「Windows」に戻せます。　逆に「仮想PC」に戻すには画面をクリックするか、「Ctrl」 + 「G」になります。
• ツールバー上の「VMware Player」をクリックすると「環境設定」がありますのでクリックして、「終了時の動作」の「終了時に：」で「VMware Player」を終了させた時の状態を選択できます。　・・・サスペンド（休止状態）にするか完全に終了させるか。
• 「VMware Player」の右にある「CD-ROM」&「フロッピー」&「イーサネット」&「サウンド アダプタ」が窪んだ状態（有効状態）になっていますが、クリックするとそれぞれのデバイスを無効に出来ます。
• 「イーサネット」の右にある「▼」をクリックすると、接続方法を変更できます。

最後に「vine Linux」のインストールが完了したら、「仮想PCのインストール&環境設定」で設定した、「Vine42-i386.iso」を読み込む必要はもうないので、背景色が紺色の部分の 「 ide1:0 」（CDドライブ）の設定の、2行目 & 3行目の先頭に「#」を付けてコメントアウトし、4行目 5行目の先頭の「#」を削除してください。　・・・この設定はCDドライブを必要としなければ、しなくても問題はないです。

	マスター	スレーブ
プライマリ	ide0:0	ide0:1
セカンダリ	ide1:0	ide1:1

参考サイト
中古ノートパソコンを賢く買おう
shesee の日記



以上になります。 （ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

欠点として下記がありますので注意してください。

• タグを含むリンクには反応しません。
• WindowsのNetscape Navigator 7.1とOpera 9では実体参照が展開されてしまいます。
• MacintoshのNetscape Navigator 7.1では、エフェクトの適用中、リンクが消えてしまいます。

設定方法

こちらからダウンロード


次に、「oi_brbr_4.js」ファイルを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/　に置いたものとして説明します。）

使用方法

使用方法は非常に簡単です。
記事内に普通に<a>タグのリンクを記述します。
※黄文字部分は上記で任意の設定をした場合のみ記述します。

そして、ご自分の「テーマ」の「footer.php」ファイル内に下記のスクリプト部分を記述します。
※作者様のページには、なるべく最後の方に記述してくださいとありました。
・・・自分の環境では、上記リンクの直下に記述しても動作しました。
黄文字の部分にファイルの設置場所（アドレス）を指定

サンプル

下記リンクに、マウスをのせてから離るとブルブルします。

{{{{(+＿+)}}}}寒ううぅ～



以上、終了です。


（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

※使用には「prototype」 と 「script.aculo.us」が必要です。

設定方法

こちらからダウンロード

解凍後にできた「modalbox1.6.0」フォルダを「modalbox」にリネームして、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/modalbox/　に置いたものとして説明します。）

次に「JavaScript」 と「css」を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定
※上部分の2種のスクリプトをすでに使用している場合は「lib」フォルダ関係は記述する必要はありません。

使用方法

記述方法は、２種類の方法をご紹介・・・使用方法により使いやすい方をご使用ください。　（＾∀＾）

基本的な記述方法

紺色背景部分がポイントです。

もう一種類の記述方法

こちらは、上部分は<head>間に記述しても大丈夫です・・・記事内でも大丈夫・・・下部の記述は非常に簡単になります。
２ヶ所の「 id名 」は同じ名称にしてください。

オプション

上記の水色文字部分がオプションの指定場所になります。　上記の両方で書いてあるオプション指定が「title="～" を titleに使う指定」です・・・？？　(-"-;A ...アセアセ
その他オプションは下記を参照してください。

• width: 表示される枠の幅　（px）
• height: 表示される枠の高さ　・・・試したところ、高さ指定をしない場合、画面からはみ出た場合はスクロールできないようです。　（px）
• overlayDuration : オーバーレイにかかる時間　（秒）
• slideDownDuration : スライドダウンにかかる時間　（秒）
• slideUpDuration : スライドアップにかかる時間　（秒）
• resizeDuration : リサイズにかかる時間？？　（秒）

などがあります。

記述方法はどちらの場合も、「,」を付けて並べていくだけです。

記述例：

どちらの場合も水色文字から続けて１行で書くとこんな感じになります・・・１番最後は「,」はいりません。

サンプル

残念なことに、自分の環境ではこのページ上で表示できなかったので
こちらになります。



以上、終了です。 （ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

※使用には「prototype」 と 「script.aculo.us」が必要です。

設定方法

こちらからダウンロード

解凍後にできた「tooltips1.0」フォルダ内の「tooltips」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/tooltips/　に置いたものとして説明します。）

次に「JavaScript」 と「css」を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定
※上部分の3種のスクリプトをすでに使用している場合は「lib」フォルダ関係は記述する必要はありません。

使用方法

記述方法は、id指定とclass指定の２種類の方法があります。

id指定の場合　（これが一番基本的で簡単な記述方法・・・しかし、同ページ内に１回しか使えません。）

2ヶ所の「id名」は、名称は何でも構いませんが必ず同じ名称にしてください。　(⌒^⌒)ｂ　うん

<ul>タグ内のclass指定の場合

3ヶ所の「class名」は、名称は何でも構いませんが必ず同じ名称にしてください。　(⌒^⌒)ｂ　うん

<form><input>タグ内のclass指定の場合

2ヶ所の「id名」は、名称は何でも構いませんが必ず同じ名称にしてください。　(⌒^⌒)ｂ　うん


上記３つを同じページ内にまとめて記述する場合は、サンプルを参考にしてください。

オプション

オプションを指定することによりカスタマイズ可能です。

• backgroundColor：背景の色
• borderColor： ボーダーの色
• textColor： 文字の色
• textShadowColor： 文字の影の色・・・Safari専用？
• maxWidth： 最大横幅（pixels） デフォルト=250px
• delay： マウスが乗ってから表示するまでの遅延時間（ミリ秒） デフォルト=250ms
• mouseFollow： マウスと一緒に移動させるかどうか（true/false） デフォルト=true
• opacity： 透明度 デフォルト「75%」
• appearDuration： 表示されるまでのエフェクト時間（秒） デフォルト=0.25s
• hideDuration： 表示が消えるまでのエフェクト時間（秒） デフォルト=0.25s

オプションの記述方法は下記のサンプルを参考にしてください。

サンプル

記述内容

・・・参考までに書いておきますと、上記の下部分のスクリプトを毎回書くのは、やはり面倒・・・そこで、このスクリプトを使い続けるのならば、「footer.php」ファイル内の</body>タグより上の辺にスクリプト部分を記述してしまえば、使いたいときに「id名」や「class名」を記述するだけですみます。
・・・自分の場合は、 と、記述しておきました。
この場合、すべての<a>タグのうち、「class名-1」か「class名-2」を指定したものだけが「CoolTips」が使えるようになります・・・何故2個あるかというと、オプションに違いがあり「オレンジ系」と「青系」になっていて、気分によって使い分けるためです。　　ε＝（＞ε＜） プッー！
そしてもうひとつ<p>タグバージョンも、なんとなぁ～く作っておいてみました・・・使うかな？　(＞▽＜;; アセアセ


以上、終了です。 (1 投票, 平均値/最大値: 4 / 5)

・・・ついに、このコピペの手抜き記事シリーズも今日を持って最後になります。（笑）　あしたは何書こうかなぁ～・・・

設定方法

こちらからダウンロード

解凍後にできた「loupe」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/loupe/　に置いたものとして説明します。）

次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定
下部分は「IE6」以降専用の指定です。　・・・上記の説明と同じように「IE6」以降専用の（vmlフォルダにある）「loupe.png」のフォルダと「loupe.js」のファイルアドレスを指定します。

使用方法

記述方法は・・・
上記のように<div>タグで囲って、<img>タグで記述し、ポイントとなる「onLoad="initLoupe(this.id,true);"」を付け、忘れずに「id名」も付けてください、名称は何でも構いません。
画像のサイズ指定は最初に表示されるサイズを指定します・・・あまり小さすぎるとダメみたいです・・・もちろん、実際のサイズを指定すると・・・拡大されません　(＞▽＜;; アセアセ

ちなみに (this.id,true) を (this.id,false) にすると虫眼鏡は最初は表示されず画像の右下の虫眼鏡マークをクリックすることにより表示されるようになるます。

・・・と、まぁ～基本的な画像を拡大させる記述方法は上記の様な感じですが・・・同じサイズの画像を入れ替える？場合は記述方法が違います・・・σ(^◇^;)ヒヤアセ
詳しくはサンプルページにサンプル画像と一緒に記述内容を書いておきましたので参考にしてください・・・付いていた、サンプルと同じですが・・・・(＞▽＜;; アセアセ

サンプル

残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。


以上、終了です。
（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

設定方法

こちらからダウンロード

解凍後にできた「slided」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/slided/　に置いたものとして説明します。）

次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定

使用方法

記述方法はいたって簡単！！
上記のように普通に<img>タグで記述して、ポイントとなる「class="slided"」を付けるだけです。　（＾∀＾）

オプション

詳しくはサンプルページに書いておきましたので見比べてください・・・（（ ( (ヽ(；^^)/逃げろ～・・・・・・(o_ _)oドテッ!

サンプル

残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。


以上、終了です。
（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

設定方法

こちらからダウンロード

解凍後にできた「filmed」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/filmed/　に置いたものとして説明します。）

次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定

使用方法

記述方法はいたって簡単！！
上記のように普通に<img>タグで記述して、ポイントとなる「class="filmed"」を付けるだけです。　（＾∀＾）

オプション

詳しくはサンプルページに書いておきましたので見比べてください・・・（（ ( (ヽ(；^^)/逃げろ～・・・・・・(o_ _)oドテッ!

サンプル

残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。


以上、終了です。
（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

設定方法

こちらからダウンロード

解凍後にできた「glossy」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/glossy/　に置いたものとして説明します。）

次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定

使用方法

記述方法はいたって簡単！！
上記のように普通に<img>タグで記述して、ポイントとなる「class="glossy"」を付けるだけです。　（＾∀＾）

オプション

詳しくはサンプルページに書いておきましたので見比べてください・・・（（ ( (ヽ(；^^)/逃げろ～・・・・・・(o_ _)oドテッ!

サンプル

残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。


以上、終了です。
（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ

設定方法

こちらからダウンロード

解凍後にできた「reflex」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/reflex/　に置いたものとして説明します。）

次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。 黄文字の部分にファイルの設置場所（アドレス）を指定

使用方法

記述方法はいたって簡単！！
上記のように普通に<img>タグで記述して、ポイントとなる「class="reflex"」を付けるだけです。　（＾∀＾）

オプション

詳しくはサンプルページに書いておきましたので見比べてください・・・（（ ( (ヽ(；^^)/逃げろ～・・・・・・(o_ _)oドテッ!

サンプル

残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。


以上、終了です。
（ 参考になったら、評価してねぇ～　(o*。_。)oペコッ