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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:suprem005 No.1

回答回数70ベストアンサー獲得回数0

ポイント80pt

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

id:yoo15x No.2

回答回数150ベストアンサー獲得回数1

ポイント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;

}


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

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

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

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

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

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

回答リクエストを送信したユーザーはいません