記事一覧

WebDiaryPro用スキン「G&G」

ファイル 143-1.gif

【サンプル】
・WDP用「GHOST」（白スキン）
・WDP用「GESPENST」（黒スキン）

デフォルトスキンベース、改造推奨スキンWDP版です。
今回は両方とも画像未使用。
特殊サーバーの方も安心して設置していただけます。
common.css、footer.html（著作権のところだけ追記）のみ
というシンプル構成です。

サポート掲示板で背景を黒くしたいが分からない…という
ご意見があったのを思い出して作成。
各種ブラウザ対策も少し練り込みました。

【ダウンロード】 ※両スキンとも入っています
・wdp_gg.lzh
・wdp_gg.zip

拍手レス＋α 10/30版

再開後、こっそりpatipatiからWebClapへと拍手CGIを変えました。
拍手のコメントログが残しやすいのと、
自分がスキンを作る時のサンプルにもなるためです。

≫2007/10/25の方

「MACARON」のWGP用スキンのリンク切れをお伝えいただき、
ありがとうございました。その後ダウンロードはできましたでしょうか？
拙い物ですが、ご利用の助けとなりましたら嬉しいです。

また、色々試した結果、このサイトではSlimboxはIE6を動作外としました。
IE6の方はSlimboxのサンプルが動かないと思われます。
（Slimbox配布元サイトではIE6も対応しておりますが）
どうやらこのサイトをSlimbox + IE6で見ると「サイトが見れません」というページに飛ばされてしまうようです。
Firefox、Operaの方は普通にご覧いただけるようです。

この間、サイトが見れずにIE6をお使いの方にはご迷惑をおかけしました。
自分にとっても勉強となりました。
クロスブラウザ、難しいですね汗

Slimbox + WDP

「迷える子羊」さんでLightbox設置が紹介されていましたので、
少し捻って（？）SlimboxをWDPに設置する方法を紹介。

※2007/10/27　　IE6対策について追記

【SAMPLE】　※Photo from BurningWell
ファイル 136-2.jpg

【参考サイト】
・Slimbox - mootoolsベースのLightboxライブラリ。（buena suerte!）
・slimboxを使ってみたい（m・fami）

≫以下、設置方法

Slimbox風にムービーを表示

ファイル 141-1.jpg

以前Slimboxの設置を解説しましたが、スクリプトを追加すると
動画もSlimboxと同じように表示することができます。

表示可能な動画はYoutube、 Metacafe、Google Video、iFilm、
オリジナルのflash(.swf)も表示することができます。
JW FLV PLAYERと併用することで、flvファイルの再生も可能になっています。
（注：ニコニコ動画のようにログイン必須の動画サイトからは無理）

表示にはSlimboxのときと同じmootoolsを使います。
こちらのvideoboxは１つのパックの中に必要なもの（js、player）が
全て入っているため、設置がとても簡単なのも魅力です。

【参考元】　※動作サンプルは最初のサイトにて
・Videobox: Lightbox for videos
・【ハウツー】ゼロからはじめるVideobox - Flashムービーにエフェクト効果

≫以下、設置方法

mootoolsで別窓表示

prototype.jsを利用した別窓表示はすでに解説されているのですが、
mootoolsを使った別窓表示は
英語で紹介されているものぐらいしか見当たらなかったので解説。
XHTML1.1 SE でなんとtarget復活？との話もありますが、まだ先の話になりそう。

【出来ること】
●target="_blank"の代わりにrel="popup"を使うことで
　リンクを別窓を開くことができる。XHTML1.0対策。
●開くウィンドウのサイズを決めることができる。
　（拍手やアンケートフォームなどに便利）

【参考サイト】
・moopop: “unobtrusive” popups with mootools | a pint of javascript (and general web stuff)

≫以下、設置方法

ページ移動