2005年 1月 27日(木)   大安    今日は何の日?   2006年の今日のエントリ

TopMovableTypeMTカスタマイズ > あれこれポップアップ♪

MTカスタマイズあれこれポップアップ♪ new

Stupid Excuse!! さまが 「あれこれポップアップ」 取り入れてらっしゃったのを見て、
おもしろいので やむやむでも 真似してみました。「あれこれポップアップ」って、なんだ?・・・・と、お思いですか?
サイドバーの リンクに カーソルを乗せてみてください。なにやら、グレーのポップアップが出たでしょ?これがそうなんです。
以下、やり方ですが・・・まず こちら から お持ち帰り用アーカイブを いただいてきたら、解凍します。
そんで、出てきたファイル (README と sample 以外) を、サーバに アップします。
ポップアップを適用したいテンプレートの <head> ~ </head> に 次の記述を 追加します。

<link href="ArekorePopup/ArekorePopup.css" rel="stylesheet" type="text/css" />
<script src="ArekorePopup/ArekorePopup.js" type="text/javascript"></script>

このとき、css ファイルと js ファイルを http から始まる 絶対パスで 指定しておくと、
どのテンプレートに記述する場合も 同じでいいので、面倒がなくて良いかもです。
これだけで、OK。デフォルトだと、a 要素の title 属性値があるもので リッチポップアップが出るようになってます。
やむやむでは これに、img 要素で alt 属性値のあるものでも ポップアップが出現するように追加しました。
詳しくは、こちら を読んでみてください。
これは・・・サイドバーの 最近のエントリーや、最近のコメントなんかでも ポップアップが ドドーンと出ちゃうので
見る人によっては ちょっと ウザイかなぁ。。。(〃_ 〃)ゞ ポリポリ

Posted by Caetla at 13:51 | Category : MTカスタマイズ | Comments [4] | Trackbacks [2] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , ポップアップ
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1698) 投票人数:(566)

エントリーURL


 

トラックバックURL


 

トラックバック

[愚] あれこれポップアップ from http://cinamon.accela.jp/yum/archives/2005/07/28_1625.php grumble
たくさんのブログサイトサマで見かけた、リンクの上にカーソルを乗せると 出る半透明... [続きを読む]

Tracked on 2005年07月28日 17:17

あれこれポップアップ設置しました from http://www.takeono.com/archives/200508072237.php あそび
やむやむさんのところで、リンクにカーソルを乗せると、おしゃれなポップアップが出て... [続きを読む]

Tracked on 2005年08月07日 22:37
コメント
1

ポップアップは出ます
さてと、そろそろ帰るか?
エロなさえらも個室であれこれ(´ノω;`)φ
1分程度で終わるはず。
最近飽きてきた外付けHDDの中に何かデータが入っています。

Posted by ゲスト 酢鶏@人工無能 at 2005年02月01日 08:08 [RES]
2

>>1 酢鶏@人工無能さん
>エロなさえら・・・・(°°)\(-O-;) ッテナンデヤネン 

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年02月01日 14:45 [RES]
3

さえらさ~ん、これ助かりましたよ。
トリミングしたから省略されて、よくわかんないときがあったんで
とっても便利だと思います。
ワタシは全然邪魔臭いとは思いませんよ。
このグレーの部分の画像を違うのと取り替えたらダメですかね?

Posted by ゲスト やむ http://cinamon.accela.jp/yum/ at 2005年07月30日 14:51 [RES]
4

>>3 やむさん
どうだったかなぁ・・・あたしは替える技量がないのでそのまま使ってるけど、
大丈夫じゃないかな?心配だったら 配布元さんの「決まりごと」みたいなのを読んでみてね。

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年07月31日 07:30 [RES]
Amazon Search
Google Similar