CSSでブログに影をつける（ドロップシャドウ）
ブログのサイドバー部分に影（ドロップシャドウ）を作成するカスタマイズを紹介します。 ブログを閲覧されている方なら、1度はこのドロップシャドウデザインのサイトをご覧になったことがあると思います。当サイトでも以前よりこのデザインを用いてますが、最初はどのようにしたら影をつけられのかがさっぱり分からず（そのテクニックが紹介されている記事もなく）、適用されているサイトのソースやCSSを眺めて勉強した想い出があります。 最近、いくつかのブログで紹介され始めたようで、このサイトでも取り上げたいと思います。 このエントリーでは固定レイアウトでのドロップシャドウとリキッドレイアウトのドロップシャドウについて説明します。サンプルには当サイトのテンプレートを使用しますが、仕組みがお分かりになればどのテンプレートでも適用可能です。なお、ドロップシャドウ画像自体の作成方法についても別途エントリーしたいと思います。
画像にスタイルシートで枠や影をつける :: MTカスタマイズ法収集ブログ
画像をそのままべた張りするのは味気ない。 でも、わざわざ加工するのは面倒だー。 という人にオススメの方法。 日記ブログの方でやってたら、どうやるの？と質問されたのでここで紹介します。 最初、いろんなサイトで紹介されているやり方をやっていたのですが、 IEのバグのせいでブラウザごとに違う表示になってしまっていたので、 ちょっと手間が増えますが、どのブラウザでも表示できるように改変してみました。 全ブラウザ対応！！と言いたい所ですが、WinのIEとMozilla FirefoxとOperaでしか 確認できていません。ごめんなさい(´・ω・｀) mac は持ってないので確認できません・・・。 IEはそろそろ7がリリースされるのかな？ それでバグが直っていたら、いろんなサイトでご紹介されている方法で大丈夫です。 バグとはどんなものかと言うと・・・小粋空間さんの 標準準拠モードと後方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
