CSSでブログに影をつける（ドロップシャドウ）
ブログのサイドバー部分に影（ドロップシャドウ）を作成するカスタマイズを紹介します。 ブログを閲覧されている方なら、1度はこのドロップシャドウデザインのサイトをご覧になったことがあると思います。当サイトでも以前よりこのデザインを用いてますが、最初はどのようにしたら影をつけられのかがさっぱり分からず（そのテクニックが紹介されている記事もなく）、適用されているサイトのソースやCSSを眺めて勉強した想い出があります。 最近、いくつかのブログで紹介され始めたようで、このサイトでも取り上げたいと思います。 このエントリーでは固定レイアウトでのドロップシャドウとリキッドレイアウトのドロップシャドウについて説明します。サンプルには当サイトのテンプレートを使用しますが、仕組みがお分かりになればどのテンプレートでも適用可能です。なお、ドロップシャドウ画像自体の作成方法についても別途エントリーしたいと思います。
背景に使えるパターン&テクスチャ13選 – creamu
背景に使えるパターンやテクスチャを探している。 そんなあなたにおすすめなのが、『13 Sources for Background Patterns and Textures』。背景に使えるパターン&テクスチャ13選だ。 以下にご紹介。 » BgPatterns » Stripe Generator » Lost and Taken » Bittbox wood textures » Bittbox hi-res » Grungy paper » Texture Kings » Grunge Textures » Squidfingers » COLOURlovers patterns » Urban Dirty » Free 3Ds Textures » CG Textures 背景に使えるパターン&テクスチャ、チェックしてぜひ使ってみてはいかがだろうか。 友達がGX200買ったよ！ヤフ
[CSS]背景画像を重ねて、面白い効果をだすスタイルシート
Blurry Background Effect demo 仕組みは、くっきり画像とぼんやり画像の二枚を背景画像として指定し、ぼんやり画像を内包エリアにfixedで指定します。 <textarea name="code" class="css" cols="60" rows="5"> body{ background: url(images/bg-solid.jpg) no-repeat; } #page-wrap{ background: url(images/bg-blurry.jpg) no-repeat fixed; width: 500px; margin: 40px auto; } </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightboxスクリプトいろいろ - DesignWalker
WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ | 清音のSEOブログ
IDEA * IDEA
