- p15.jp
- (X)HTML CSS
- p15_002 テンプレート完成
p15_002 テンプレート完成
- 2008 04 17 (木) 0:03
このページは以前私が制作したテンプレートの表示確認用です。
やっと完成しました。◆← にも春が来た!
テンプレートの名前は「DosRed」
トルキーさんにドス赤いと言われたのを根に持って命名しましたヽ(・ω・)ノ
WordPress の独自タグという名の PHP と戦いながら XHTML を書き、functions.php という強敵に屈せずググりまくり、いつものように CSS を書き、jQuery でうにょ〜んとさせるのは 2 回目だから怖くないぜ!
そんなかんじで作りましたです。
ほとんど自分で書いたんだけど、やればできるもんだなぁ。初心者の質問に優しく「んp」してくれた nic 先生、いつも私を見捨てない Google 先生、どうもありがとう。
確認したブラウザについて
- Windows
-
- InternetExplorer 7
- InternetExplorer 6
- Firefox 2.0.0.13
- Opera 9.24
- Mac
-
- Safari 3.1
- Firefox 2.0.0.13
- Opera 9.24
IE 6 では(たぶん)透過 png を表示するための JavaScript ライブラリと jQuery のうにょ〜んが競合していて直せなかったので JavaScript オフにした状態で表示されています。
Opera ではフッタ下部に妙な余白ができてしまうのと、うにょ〜んをしたときに一瞬横スクロールバーが出てしまいます。原因はわかりましたが見なかったことにしてください(´・ω・`)
苦労話とか
目玉商品は記事の日付部分です。
1 時間単位で時計の画像が自動的に挿入されます。午前 6 時〜午後 5 時までは白っぽい時計(=昼間だよ明るいよ)、午後 6 時〜午前 5 時までは黒っぽい時計(=夜だよ暗いよ)となっています。
jQuery でナビゲーションを開閉するのは、前回のテーマではページの上部でやって JavaScript が読み込まれるまでチラ見えしてしまうという反省を生かしてページ下部に固定しました。
ススっと出て来て、んぱっと消えるのが楽しいのですが、Mac だとぬめぬめ動くのに Windows だとカクカクしています・・・私の Windows 機のスペックが足りないのでしょうか。
右上の ? は About へのリンクです。
色合いについてはドス赤いと言われたのを根に持って少し淡いかんじにしました。
改めて見比べるとヘッダとかドス赤かったね・・・(´・ω・`)
花咲く春だ!ぴんくだ!と作っていたところ、チョコレートが食べたくなったので茶色が仲間入りしました。アポロチョコうまいよね。
ところで WordPress のテンプレートは「テーマ」と呼ぶのが正式のようですが、他のブログツールも使っているとこっちはテーマでこっちはテンプレートでこっちは・・・と面倒なのでオレルール呼称をテンプレートとさせていただきます。
要修正!の追記
おかしいところを見つけたら追記します。あんまり増えないといいな(´・ω・`)
複数のカテゴリを指定していても 1 つ目のカテゴリしか表示されていないようだ。思い当たる節はある・・・! 直した!
この記事が最後に更新されたのは 2008年04月17日 17:26 です。
- 一つ新しい記事: MT4LP5 と PHP
- 一つ古い記事: Firefox でブックマークの favicon がでっかい
コメントをどうぞ
トラックバック(0)
この記事は p15.jp の p15_002 テンプレート完成 です。
関連が低いと判断したトラックバックは予告無く削除させていただく場合がありますのでご了承ください。
トラックバックはありません
- p15.jp
- (X)HTML CSS
- p15_002 テンプレート完成
コメント(0)
コメントはありません