デザイン

reflection.js

投稿日:2008年3月23日

ヘッダ画像(H1タグで指定した部分)を背景から普通にIMGタグに変えました。
今までrotate.phpを使ってランダムに背景を変えていたんだけど(と言っても2枚しか用意してなかった)、読み込みがおかしいので普通にjavascriptで画像を切り替えるようにしました。

で、そのままだとつまんないので、reflection.jsを使って、どこかで見たサイトのように鏡面反射っぽくしてみました。

reflection.js(V1.9)ダウンロード

FTPでreflection.jsをアップロードして、ヘッダに次のように指定。

<script type="text/javascript" src="<?php bloginfo('url'); ?>/reflection.js"></script>

これはWordPress向けの指定ですが。。(パスの指定)
そしてIMGタグに次のclassを指定します。

class=”reflect rheight18 ropacity40″

rheightは反射部分の高さ、ropacityは不透明度です。
このようにすると、いちいちPhotoshopなんかで反射部分を作らなくても任意の画像に対して適用することができます。便利ですねー 🙂

reflection.jsとは関係ないのですが、記事の日付をちょっと変えてみました。
日めくりカレンダーっぽい(よく海外のブログなどで見かけます)のにしてみたのですが~2月3月って月表示を英語(Feb、Mar)にしようとしたら、何故だか5月だけ日本語で変わらず表示されてしまいました。
なので一部だけ日本語なのもかっこ悪いので、日本語表示に戻しました 😥
locale.phpをいじっただけじゃダメなのかなー(><)
時間ができたら、もっかい挑戦してみようと思います。
なんだかこういう部分がMovableTypeとは違って少しやりにくいなー( ´Д⊂ヽ

-デザイン
-, ,


  1. しろ より:

    えっと・・・パソコン用語及び英語表記だらけは解読不能になっちゃうんで。カレンダーくらい日本語でいいんじゃない?って思うよ~。それは、しろだけか ❓

  2. NiCko より:

    うへっ、解読しづらかった?
    覚え書みたいなものなので気にしないでね。
    こうやって書いておかないと何をしたか忘れちゃうんで 😥
    もっとわんこネタがあればいいんだけどな▼・ェ・▼

NiCko へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

壁紙

壁紙を作ってみました。 ご自由にお使いください。 (サイズは1024×768です)

CSS Hack(1)

WindowsIE5.0と5.5にそれぞれ違う外部スタイルシートを読み込ませる方法。 IE5.0 @ …

EC-CUBE(新着情報で苦闘)

こちらの記事は1.x系です。2.x系はこちらをご覧ください。 またEC-CUBEネタです。 新着情報 …

Shimano XTR

なんだかこういう意味のないFlashムービーが好き。 Shimano XTR

オンライン写真屋

写真屋さんのオンライン版(ベータ)が公開されたっていうので、アカウントを作ってみたんだけど、(確認の …

カテゴリー

アーカイブ

サイト内検索