下記のブログの背景画にグランでーションをかける方法を教えてください。

http://mitio.cocolog-nifty/kokoro/

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/08/06 16:33:34
  • 終了:--

回答(2件)

id:suprem005 No.1

suprem005回答回数70ベストアンサー獲得回数02005/08/06 16:51:45

ポイント80pt

ポイント不要。グランでーションではなく、gradation (グラデーション:漸次効果)でしょうか?

id:yoo15x No.2

yoo15x回答回数150ベストアンサー獲得回数12005/08/06 17:12:38

ポイント80pt

URLはこちらですね。


現在のスタイルシートでbody を次のように設定されていますね。


body {

margin: 0px 0px 20px 0px;

border: 0;

padding: 0;

background-color: #6699CC;

}


「background-color: #6699CC;」の部分に「url(▲▲▲.jpg)」というように

グラデーションのかかった背景画像の指定を追加します。


例えば…

http://design.cocolog-nifty.com/document/d_110.htm

@nifty:ブログ:ココログデザイン:ディープ

↑では http://template.cocolog-nifty.com/000110/two_column_right/compon... の画像が

background: url(bg_body.jpg) no-repeat top center;

のように指定されていますし、

http://design.cocolog-nifty.com/document/d_163.htm

@nifty:ブログ:ココログデザイン:向日葵

↑では http://template.cocolog-nifty.com/000163/two_column_left/compone... の画像が

background:#3D7DD7 url(body-bg.jpg) top center fixed;

のように指定されています。


実験として http://mitio.cocolog-nifty.com/kokoro/ のスタイルシートの body を

次のように設定してプレビューされればどういう風に適用されるものなのか納得いただけるでしょう。


body {

margin: 0px 0px 20px 0px;

border: 0;

padding: 0;

background:#3D7DD7 url(http://template.cocolog-nifty.com/000163/two_column_left/compone...) top center fixed;

}


実際にはお使いになりたい画像を作成するか、素材サイトからグラデーション背景画像を戴いてきて、

ブログ用画像としてアップロードしてから設定する形になります。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません