ファーモのブログ -9ページ目

ファーモのブログ

ブログデザインのカスタマイズについて書きますよっと

おはようございますヾ(´ω`=´ω`)ノ

現在、上の娘が4歳、下の息子が1歳です。

最近、娘が息子と遊んでくれるのでとっても助かっています。

子供って正直何が面白いのかわからないことで、キャッキャと楽しそうに笑っていますね。
思い返すと、私も子供の頃はよくわからないことで大笑いしていましたね。

まあそんな感じで昨日も遊んでくれていましたが、その際とっても面白い顔をしていたんです。
絵描くの下手なんですが、こんな感じ↓

ファーモのブログ

まああまり伝わらないと思いますが、その顔がかなり私のツボだったんです。
かなりおもしろくってですね、リクエストしたわけですよ、「今の顔すごいおもしろい。もう一回今の顔やって」って。

そうしたら娘に、

「・・・別におもしろい顔なんてやってないし・・・」

と冷めた感じで言われたファーモです。

ええ、毎度毎度、前置きが長いですね。

申し訳ありません、本題に入ります。

今日は記事等の背景を半透明にしてみたいと思います。

CSSの編集を行うので、ブログのデザインはカスタマイズ可能なデザインを使用して下さい。
私は「CSS編集用デザイン」を使用しています。

そしたら、まずブログデザインのデザインの変更画面に行きます。

デザインの変更画面の現在適用中のデザインのところにCSS編集というリンクがあるのでそこをクリックして、CSS編集用画面に行きます。


ファーモのブログ

今回は「skinBody3」というところを変更します。Ctrl+Fを押すと表示される検索ボックスに「skinBody3」と入力し、検索ボタンを押して下さい。

上記のような場所が見つかったかと思いますので、下記のように変更します。

変更前=======================================================
.skinBody3{}
=============================================================

変更後=======================================================
.skinBody3{
alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
=============================================================

上記の90と0.9となっている場所が透明度です。
私はちょっぴり透明にしたかったので90と0.9にしています。
透明度を高くしたい場合は、この数値を下げればいいです。

ということで、こんな感じ↓


ファーモのブログ

若干透けていますね。よかったよかった。
あまり透明度を高くし過ぎると、背景によっては文字が見えなくなってしまうので要注意です。

でも、背景が透けているとちょっとおしゃれな感じでいいですね。

というわけで今日も早起きファーモでした。

ではでは、バーイヾ(*^▽^*)oヾ(*^▽^*)oヾ(*^▽^*)o