Trinity φ Style

今はまってるゲームのプレイ日記♪ 大半は Trinity というチーム(ギルド)にてプレイ中で、日記+情報を発信できればと♪

Lightbox FC2への設置方法

Category: 【その他】その他  


    (◎´∀`)ノ どもー

    本日は画像をFC2ブログでかっこよくポップアップさせて表示させる方法を書いてみます。

    少々長いですがよろしくです。まずは 公式ホームページ にいって 本体をダウンロード

    してください。どんな表示の仕方かダウンロード先案内で例として表示してみますね。


lightbox-1.jpg



    こんなやつです。とりあえずコレを落としたら開きましょう。ほいだらこんな構成に

    なってるはずです。


image03_20100313134302.jpg    image06_20100313135637.jpg



    では、まず一番左のCSSフォルダを開き ⇒ lightbox.css を エディタでひらきましょう

    エディタがわからない方は非常に見づらくなりますが、メモパッドにドラックして開いてもOK


image06_20100313135637.jpg    image04_20100313134301.jpg



    開くとこんな感じなので赤色の所のように3箇所書き換えてください。

    ※注 赤色は自分の画像の置いてあるURLにしてくださいね。

    これでひとつ準備完了。次に jsフォルダ ⇒ lightbox.js をエディタ開いてください。


image07_20100313135637.jpg    image05_20100313135421.jpg



    あとは index.html 以外をアップロードしてください。FC2ではこんな感じですね


image08_20100313140618.jpg



    これで下準備完了です。次はプログラムに移るのでテンプレートをいじりましょう。

    テンプレートのいじりかたが解らない人は諦めてくださいw せめてそれぐらいは

    できるようになってから挑戦しましょうね(*´ω`*)


image09_20100313141620.jpg




     ~  の間 特に  の直前に 青枠で囲ったプログラムを入れてください。

    ※注 赤色は自分のアップロードしたURLにしてくださいね。


    よーし。ここまできたらもう完了目前です!後は画像を貼り付けるときに


image10_20100313142534.jpg



    青文字 が 普通に挿入したときの 文字列 で 赤文字のように書き換えて記述して

    ください。これで完成でーす(*ノ∀ノ) 


03 2010
SUN MON TUE WED THU FRI SAT
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
いらっしゃいませ|∀・)ノ

  閲覧数 :         人
  今日は :       Hit
  昨日は :       Hit
  合計は :     Hit
★ファントム オブ アリーナ★
★天翔ける青光 目覚め★
Twitter

リンク集|∀・)ノ