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

下記のブログの背景画にグランでーションをかける方法を教えてください。
http://mitio.cocolog-nifty/kokoro/

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

▽最新の回答へ

1 ● suprem005
●80ポイント

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

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


2 ● yoo15x
●80ポイント

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

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;

}


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

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


●質問をもっと探す●



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