(X)HTML CSS カテゴリのアーカイブ

BlogPeople の新しいサービス PEOPLE の Serene Bach に住まう人々に参加してみました。
Serene Bach についてあまり書いてないじゃないか！というのは置いといて、試しにリンクリストを表示してみようとしたら謎なところがあったのでメモしつつ、リンクリスト用の CSS を作ってみます。

なんでこんなに div が・・・。

BlogPeople PEOPLE リンクリスト用 CSS の全文を読む

やっと完成しました。◆← にも春が来た！

テンプレートの名前は「DosRed」
トルキーさんにドス赤いと言われたのを根に持って命名しましたヽ(・ω・)ﾉ

WordPress の独自タグという名の PHP と戦いながら XHTML を書き、functions.php という強敵に屈せずググりまくり、いつものように CSS を書き、jQuery でうにょ?んとさせるのは 2 回目だから怖くないぜ！
そんなかんじで作りましたです。
ほとんど自分で書いたんだけど、やればできるもんだなぁ。初心者の質問に優しく「んｐ」してくれた nic 先生、いつも私を見捨てない Google 先生、どうもありがとう。

p15_002 テンプレート完成 の全文を読む

まだ CSS を書いていないのでひとり CSS Naked Day ですが、条件分岐と functions.php をうまくつかって index.php （+ モジュールいくつか）にすべて収めることができました。

つい先日までは PHP なんて意味がわかりません！と拒絶反応が出ていたのに、レベルが低いなりにすごい進歩ですヽ(・ω・)ﾉ
CSS に例えて言うと、書式がなんとなくわかって、外部 CSS の読み込み方法がわかって、color: red; って書いたら文字が赤くなるんだすげー！と感動しているあたりだと思います。たぶん。
今後の過程も同じだと仮定すると（高度なギャグですいません）、作りたいものやりたいことがあるたびに調べてググって悩んでちょっとずつ覚えていけると妄想。

今のところ PHP で何ができるのかを知らないので WordPress のテンプレートが書けたことで大満足していますが、小さなことからコツコツと頑張ります。
次は MovableType のテンプレート書いちゃうよ！・・・その前に完成した XHTML の CSS を書くよ！

CSS プロパティの記述順は CSS2 Specification に挙げられている順番で記述しています。
hail2u.net – Weblog – CSS2 Specificationでのプロパティの出現順序
順番は大体覚えているのですがときどきど忘れしたりすることもあるので確認用メモを作ってありましたが、ボロボロになってきたので作り直しました。

CSSプロパティ+フォントサイズ.pdf

• 大きさは A4 横で高さが半分くらい、横幅は 5cm くらい余るくらいです。
• 色は目に優しいグリーン。
• 角を立てずに角丸で。
• よく使いそうなプロパティは赤い文字になっています。
• 33. top ? 36. left が緑の文字になっているのは何かの間違いですが気にしなーい。

よかったらダウンロードしてお使いくださいませ。

季節外れ？いいえ8ヶ月くらい先取りです！
外の雪がなくなるまではこれで引っ張ります。

ベースは wp.vicuna で XHTML 部分も少し改造しつつ CSS は自分で一から書きました。
Windows XP: IE7, IE6, Firefox2, Opera9, Netscape7・Mac OSX: Firefox2, Safari3 で確認しています。
IE6 は透過 png が使えない箇所があったりなど、若干表示が異なる部分があります。
表示が変だよ！とか見づらいとかありましたらお知らせくださいませ。粗探しばっちこーい！

今回頑張ったのは右上の navigation open をクリックでメニューがうにょーんとするところ。
メニュー最下部のタグクラウドは Tag Cloudのスタイルを参考にさせていただきました。
まだ全部の記事にタグつけてないのでなんだかさみしー。
JavaScript（jQuery）でいろいろやっていますが JavaScript オフの環境だとメニューが出っぱなしでちゃんと動作するようになっています。

実は一番頑張ったのは完成間近に IE6 と IE7 が共謀して反乱を起こしたのを鎮めることでした。
最近すっかりなついてくれていたと思ったのに騙されたわ！なまら疲れた！

p15_001 テンプレートひとまず完成 の全文を読む