人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ブログの背景画を下記のブログのようにする方法を教えて下さい。表示ー「ソース」でテキストが開かないのです。これも含めて
http://blog.goo.ne.jp/pitanlove/e/919215fa6724d8e37d372aed993bb61f

●質問者: seten
●カテゴリ:コンピュータ
✍キーワード:ソース テキスト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● naleringar
●50ポイント

BODY {

background-image: url("/images/tmp_summer_sea/bg_sea.jpg");

background-repeat: no-repeat;

background-position: 50% 50%;

background-attachment:fixed;

font-size: small;

}

該当のブログの提供元のgooのテンプレート一覧から、css部分を抜き出しました。BODYタグに背景イメージをひっつけることで実現しているようです。

なお、ブログの提供元によって、cssを変更できるところとできないところがありますので、マニュアルをご確認ください。

また、ソースが表示できない時は、他のブラウザを使うとできることがあります。

IE(スレイプニール),Opera,NN 全部で見られないという経験はあまりないので、ブラウザを2種類持っておくのも手です。

◎質問者からの返答

ありがとうございました


2 ● TomCat
●90ポイント ベストアンサー

これは、

http://blog.goo.ne.jp/images/tmp_summer_sea/bg_sea.jpg

という背景画像を、CSSで、

BODY {
 background-image: url("http://blog.goo.ne.jp/images/tmp_summer_sea/bg_sea.jpg");
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-attachment: fixed;
}

といった形で指定してやればOKです。

両端が暗くなっていて、明るい中心をエントリーがスクロールしていくように見えますが、要はそういう両端が暗くなっている背景画像を用意しておいて、真ん中の明るい所にエントリーの位置と幅を合わせているだけです。

そして、

background-attachment: fixed;

で背景を固定してやると、こんな画面が作れるわけですね。

http://msugai.fc2web.com/web/CSS/color.html

CSSによる背景の指定方法は、このあたりを参考にしてください。

http://ggota.web.infoseek.co.jp/zenkai/what/wt_02/wt_02.html

表示ー「ソース」でテキストが開かない

については、ブラウザに何をお使いなのかが分からないと何とも言えませんが、IEの場合、キャッシュが壊れていると、そういうことがあるようです。IEの場合はキャッシュを読み込んで、それをソースとして開くからです。

この場合はインターネットオプションで、「一時ファイル」の削除、履歴のクリアなどを行うと解決することがありますので、試してみてくださいね。

◎質問者からの返答

大変参考になりました。ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ