2008/11/26 22時頃
スタイルシートで半透明っぽい何かを
今回は、ブログの記事の中に< style >タグを書き込んで実現してますので、 デザインなどを無視した強引な画像&タグ指定ですが、ちゃんと考えればそれなりの効果が出るはずです。 背景は bodyタグで、全体に固定して貼り付ける。
body{
background-image: url(http://blog-imgs-24.fc2.com/f/e/r/ferio68k/bg1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
その中に、少し加工した画像を、同じ位置に固定して貼り付けたBOX要素を指定して、その中にコンテンツを書いてやれば、のぞき窓の出来上がり。
今回は、磨りガラス越しにみたような画像にしてみました。半透明っぽく見えるはず。
div#menu, 左のメニュー
div#secondary-column, 上のメニュー
div#main{ 右のメインコンテンツ 各タグが、それぞれの部分を覆っている
background-image: url(http://blog-imgs-24.fc2.com/f/e/r/ferio68k/bg2.jpg); ←違うのはこの一行のみ
background-repeat: no-repeat;
background-attachment: fixed;
}
・・・

http://blog-imgs-24.fc2.com/f/e/r/ferio68k/bg1.jpg

http://blog-imgs-24.fc2.com/f/e/r/ferio68k/bg2.jpg
この記事を含んで、記事が表示されると、有無を言わさず背景が変わっちゃいます。
強引なサンプルで、見にくいかと思います。ごめんw
- 関連記事
-
- cssで外部リンクにマークをつける
- orz ... 懺悔
- FC2ブログへのFancyZoom導入&設定
- スタイルシートで半透明っぽい何かを
- 記事一覧
- RSS Reader
- サブカテゴリー設定
ありがとうございます。にゃんごさいだーGメゼポルタカレンダー便利なブラぐインちょうだいしました。
使わせていただきます。
ありがとうございます。にゃんごさいだーG今更ながらに「ハーヴェスト」ブログパーツ使わせていただきますっ
こんなに素敵なブログパーツをカンシャですwCrownメゼポルタカレンダー突然スイマセン。プラグインがとても便利そうで書き込みます。別ゲームなんですが、6日周期でイベントが起きます。こちらで紹介されているようなカレンダーを加工してイベ青天丼メゼポルタカレンダー使わせていただきます~奈美メゼポルタカレンダーわかりやすいカレンダーですね。
使用させていただきます!ランドルメゼポルタカレンダーとっても素晴らしいカレンダーですね^^
使用させていただきます!
ありがとうございますm(_ _)mTAC