- 2008-03-23 (日) 14:57
- category : デザイン
ヘッダ画像（H1タグで指定した部分）を背景から普通にIMGタグに変えました。
今までrotate.phpを使ってランダムに背景を変えていたんだけど（と言っても2枚しか用意してなかった）、読み込みがおかしいので普通にjavascriptで画像を切り替えるようにしました。
で、そのままだとつまんないので、reflection.jsを使って、どこかで見たサイトのように鏡面反射っぽくしてみました。
reflection.js(V1.9)ダウンロード
FTPでreflection.jsをアップロードして、ヘッダに次のように指定。
今まで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なんかで反射部分を作らなくても任意の画像に対して適用することができます。便利ですねー :smile:
reflection.jsとは関係ないのですが、記事の日付をちょっと変えてみました。
日めくりカレンダーっぽい（よく海外のブログなどで見かけます）のにしてみたのですが～2月3月って月表示を英語（Feb、Mar）にしようとしたら、何故だか5月だけ日本語で変わらず表示されてしまいました。
なので一部だけ日本語なのもかっこ悪いので、日本語表示に戻しました 
locale.phpをいじっただけじゃダメなのかなー（＞＜）
時間ができたら、もっかい挑戦してみようと思います。
なんだかこういう部分がMovableTypeとは違って少しやりにくいなー（ ´Д⊂ヽ
- Newer: オンライン写真屋
- Older: フォクすけがやってきた
Comments:2
- しろ 08-03-26 (水) 15:32
-
えっと・・・パソコン用語及び英語表記だらけは解読不能になっちゃうんで。カレンダーくらい日本語でいいんじゃない？って思うよ～。それは、しろだけか
- NiCko 08-03-26 (水) 21:00
-
うへっ、解読しづらかった？
覚え書みたいなものなので気にしないでね。
こうやって書いておかないと何をしたか忘れちゃうんで
もっとわんこネタがあればいいんだけどな▼・ェ・▼
Trackbacks:0
- Trackback URL for this entry
- http://inublo.com/blog/archives/500/trackback
- Listed below are links to weblogs that reference
- reflection.js from イヌブロブログ