ポップアップウィンドウ

  • 0
  • 0

フローティングポップアップウィンドウってのがあったので導入してみたんですが、
Lightviewと競合しちゃうみたいだったので、あきらめますた。それで・・・

こちらのフローティングポップアップウィンドウを、FC2ブログで使用する方法を紹介します。

用意するもの
popupwindow [ダウンロードページ]

  1. まず、zipファイルを解凍します。
  2. つぎに、解凍したファイルの中の 『popupwindow.css』を、メモ帳などのテキストエディタで開いてください。
    すると、
    background: url(images/画像名.png) と background: url(images/forie/画像名.png)
    と書いてあるところが何か所かあります。
    太字になっているところが画像ファイルの場所です。FC2ブログで使うには、images/ と images/forie/の部分を画像をアップロードするURLに変更してください。

    例:background: url(http://blog-imgs-44.fc2.com/k/e/n/kenapnet/画像名.png)

    URLは管理画面のファイルアップロードから、画像をアップロードすると確認できます。
  3. アップロードするもの
    ●imagesフォルダ内の画像
    ●popupwindow.css
    ●popupwindow-x.x.x.js
    ●jquery-1.2.6.min.js

そんな感じで、HTMLのheadタグに、



と入れてください
[ ]の部分は自分のURLに書き換えてください。

表示のさせ方
500x250のアラートボックスを表示 Lightviewと競合?するみたいなので、現在機能をOFFにしています。


こちらでプレビュー デモ
他にもいろいろオプションがあるので、配布先を参照してください。

テンプレートの仕様などで、ポップアップウィンドウが崩れえる場合があります。
HTML内の type="text/css" rel="stylesheet" などを確認してください。
関連記事

コメント

コメントの投稿


  • 最新記事
  • 人気記事

おすすめ

拍手