[↑PageTop]
«
»
ブログ検索 タグ検索
申し訳ありません。 該当する記事は削除、又は、公開中止の可能性があります。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comment

Post

管理者にだけ表示を許可する


今回は、ブログの記事の中に< 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;
}

・・・

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

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

この記事を含んで、記事が表示されると、有無を言わさず背景が変わっちゃいます。
強引なサンプルで、見にくいかと思います。ごめんw
関連記事

Comment

Post

管理者にだけ表示を許可する


HOME : TOP

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。