CSSカスタマイズ
簡単な記述を使って、Wordpressのスタイルシートのカスタマイズを行いました。
まず記事の左右に余白を設けてみました。
.post{border: #e0e1db 1px solid;}
の部分に「padding:0 10px」を追加して左右に10pxの余白を設けています。
.post{border: #e0e1db 1px solid;padding:0 10px; download The Memory Keepers Daughter dvd The River King buy
}
こんな感じ。
これで記事部分（タイトルから本文まで）の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
The Perfect Storm movie download
お手頃価格で結果の出るホームページをつくります。さまざまな業種での制作実績がございます。はじめてウェブサイトをつくる方からネット販売をはじめたい方までお客様のニーズに合わせたホームページを低価格で構築致します。
お手頃価格で結果の出るホームページをつくります。さまざまな業種での制作実績がございます。はじめてウェブサイトをつくる方からネット販売をはじめたい方までお客様のニーズに合わせたホームページを低価格で構築致します。
検索エンジンで上位に表示されなければ閲覧されることはありません。様々な業種での制作実績と技術力を活かし、WEBサイトを成功へと導きます。
俺の体もスタイルシートでカスタマイズできないかな…
コメント by atsushi — 2007/11/27 火曜日 @ 10:01:10