CSSカスタマイズ
簡単な記述を使って、Wordpressのスタイルシートのカスタマイズを行いました。
まず記事の左右に余白を設けてみました。
.post{border: #e0e1db 1px solid;}
の部分に「padding:0 10px」を追加して左右に10pxの余白を設けています。
.post{border: #e0e1db 1px solid;padding:0 10px;}
こんな感じ。
これで記事部分（タイトルから本文まで）のdivに対して左右の余白ができます。
他にも
.storycontent p a:hover {background:#99FFFF;}
この記述を追加することで、本文中のリンクに対してロールオーバーを設定することができます。
このように簡単な記述を追加することで、見栄えやユーザビリティーを向上することが出来ます。
HTMLとCSSを勉強するとブログを書くだけでなく、カスタマイズする楽しみができるかも♪
ホームページ制作をしていて一番の悩みがブラウザ互換。
昔はIEとネスケ対応で何とかなっていましたが・・・（実際はそーでもないけど
最近はIEでも6.0と7.0が混在し（6と7じゃ大きく変わってるょ）、さらにFireFoxとかモジモジ系（mozilla系）が増えてます。
ブラウザによってスタイルシートやHTMLタグの解釈が微妙に違っている為、互換性を持たせることが難しいです。
また、文字コードもShift_jisやEUC-JP、最近流行ってるUTF-8など多種多様です。
CGIによってはEUCじゃないと動かないものや、Shift_jisでテキストを吐き出すものなどあって困ります。
どんなブラウザで閲覧しても、全く同じように表示されるホームページが作れる日は来るのでしょうか？？
文字コードも統一して欲しいです・・・orz
俺の体もスタイルシートでカスタマイズできないかな…
コメント by atsushi — 2007/11/27 火曜日 @ 10:01:10