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

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

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

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

意外にも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_fffをtransparent_000にすると、

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

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

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

ありがとうございます。

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

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