こんにちは、カスタマイズと復興支援で頑張るたっくんです。


今日は、ちょっと高度なカスタマイズに挑戦してみました。


特殊な加工技術が必要なのでは?


なんて思っていましたが、


意外にもCSS編集でできちゃいました。


工夫次第では、かなりのイメージチェンジになると思いますので、


ぜひ、あなたも試してみてください。


以下のCSSを追加してみてください。


注:新CSS編集デザイン用のカスタマイズです。


注:背景変更されてない方は、まず背景変更をお願いします。


背景画像を変更する


/*記事背景を半透明にする*/
.skinArticle{
border:0;
background:url(http://stat100.ameba.jp/common_style/img/skin/cmn/bg/transparent/transparent_fff_8.png);
}



これって、


記事背景画像を変更するCSSなのですが、


ここで表示している画像URLは、


アメブロで用意している半透明画像のURLなのです。


記事エリアに半透明画像を張りつけ、


背景画像をうっすらと表示させているわけです。


ちなみに、


半透明の度合いは、後半の数字で調節できますよ。


こんな感じになります。


transparent_fff_1.pngにした場合


カスタマイズと復興支援で頑張るたっくんのブログ



transparent_fff_5.pngにした場合


カスタマイズと復興支援で頑張るたっくんのブログ


transparent_fff_8.pngにした場合


カスタマイズと復興支援で頑張るたっくんのブログ





区別がつきにくいかもしれませんので、


ご自分で確認してみてください。


なお、transparent_ffftransparent_000にすると、


黒の半透明画像になります。


今回も、CSS勉強中スタッフのブログから、


こちらの記事を参考にしました。


ありがとうございます。


あなたも、ぜひ参考にしてみてください。


記事の背景を半透明にする