いつものことですが、ブログのデザインをイジるのは大変でした。


ちょっとお疲れのリンです。。。     ( o_ _)o  パタリ



大変参考になりました!


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ちょうどタイミングよく、グラデーションの背景について書いておられたんです!(助)



アクアな海!をイメージしたデザインにしてみました。


しかし、タイトルのお写真に違和感があるので、ここはぼつぼつ変えていきたいと思います。


…ちなみに今の画像は「名駅上空の風景」です^^ミッドランドスクエアとセントラルタワーズがチラリと。。。



参考までに、グラデーション背景の付け方:私流をご紹介します。




①画像ソフト(GIMP)で背景画像を800×800pxでつくり、「.jpg」で保存します。


(これ以上大きな画像をつくっても、アップしたときに小さくされてしまうためです)


無料でホームページつくれます!おカネのかからないPR方法伝授!-背景画像を作成



②次に、この画像をアメブロの画像フォルダにアップしておきます。


無料でホームページつくれます!おカネのかからないPR方法伝授!-画像フォルダにアップします



③そしてCSSを書き換えて完了!



無料でホームページつくれます!おカネのかからないPR方法伝授!-CSSを書き換える


(スキンによって若干記述が違うようですが、私はベーシックスキンを使用しています。)



/*5)ページ背景に画像を入れる*/
body{
background-image:url( 背景画像のURL );
background-repeat: repeat-x
}


上の赤い記述部分を追加するのですが、この背景画像URLを私はなかなか見つけることができなかった



苦肉の策で、「記事を書く」→「背景画像挿入」→「HTMLタグを表示」→「背景画像URLと思われるもの」をさがしました・・・(゚ω゚;A)


src="http…    ….jpg"   ←この「http….jpg」の部分が背景画像URLです!



…このような試行錯誤の末にできたありさまです^^;




おつかれさまでした~     。。。。。(=´ー`)ノ    またあとで。