Videobox - Lightbox風に動画を表示

Lightbox風に動画を表示することができる「Videobox」がイケてます。




画像ではなく動画をLightbox風にしちゃいます。


[Videoboxの設置方法（Seesaa編）]
1.VideoBoxのコンポーネントをダウンロード。
http://videobox-lb.sourceforge.net/


2.ZIPファイルを解凍し、Seesaaへアップロード。
ここは間違えないように。
ファイルマネージャでフォルダではなく、ファイルを１つずつアップしよう。
さらに分かりやすいように、ファイルマネージャで新しいディレクトリを作成しそこへアップする。（例えばvideobox）
【アップしたファイル一覧】
■mootools.js
■swfobject.js
■videobox.js
■videobox.css
■loading.gif
■closelabel.gif
以上

http://○○○○.up.seesaa.net/videobox/mootools.js
こんな感じになったかな。

3.タグの追加
Seesaaで「デザイン」→「HTML」のheadの中に次のタグを追加する。

<script type="text/javascript" src="http://○○○○.up.seesaa.net/
videobox/mootools.js">
</script>
<script type="text/javascript" src="http://○○○○.up.seesaa.net/
videobox/swfobject.js">
</script>
<script type="text/javascript" src="http://○○○○.up.seesaa.net/
videobox/videobox.js">
</script>
<link rel="stylesheet" href="http://○○○○.up.seesaa.net/
videobox/videobox.css" type="text/css" media="screen" />

4.動画へのリンクを作成
YouTube動画のアドレスを取得し、リンクを作成する。

<a href="好きな動画のアドレス" rel="vidbox" title="キャプション">リンクの文字</a>

⇒もっと詳しいパソコン情報[BlogRanking]

相互リンクの紹介4【マウスコンピューターズ】

またまた相互リンクの紹介です。

■サイト名：マウスコンピューターズ



■URL：http://oblique-toe.com/mc/

■サイト内容：このサイトは管理人がマウスコンピューターのユーザーでありつつも常に購入者側の立場に立って客観的な視点からコンテンツを立ち上げています。パソコンを納得して手に入れたい！そんな貴方の為に価値ある情報サイトを目指しています。
当サイトは優良サイトでないと登録が難しいとされている 「All About」 PCの選び方 に登録されています。


マウスコンピューターはBTOでは狙い目ですよね。

結構なスペックであの価格なら欲しくなりますよ。

⇒もっと詳しいパソコン情報[BlogRanking]

相互リンクの紹介3【週間パソコン通信 】

相互リンクの紹介です。

■サイト名：週間パソコン通信



■URL：http://up-ja.com/paso/

■サイト内容：-- DELL (デル)PCファンによる、納得してパソコンを買いたい方のための総合パソコン情報サイトです --


WordPressを使ってサイトを構築しているそうです。
いろんなプラグインを効果的に使っています。

とても見やすいデザインですね。

ブログツールで作ったとは思えません。

こんな企業サイトを作ってみたいですね。

⇒もっと詳しいパソコン情報[BlogRanking]

Habboホテル-フィンランド発「仮想空間」

インターネット上の仮想空間「Habboホテル（ハボホテル）」の紹介。




セカンドライフのような仮想空間を使ったサービスが流行っていますが、欧米の若年層を中心に人気を得ている仮想空間「Habboホテル（ハボホテル）」が日本でも人気急上昇です。


[Habboホテルとは？]
Habboホテルはオンラインのホテルを舞台にしたあそび空間！Habbo（ハボ）と呼ばれるキャラクターになって、ホテルにいるお友達と一緒にオシャベリをしたり、ゲームに参加したり、自分のお部屋を作って遊ぶことができる。


「Habboホテル」の続きを読む

⇒もっと詳しいパソコン情報[BlogRanking]