▼・ェ・▼にっき。

ゲームをこよなく愛する▼・ェ・▼のメインBlogデス

ブログの画像に影をつけたい

 

f:id:bless-you:20161027180124j:plain

 

背景が白いと、白味が多い画像を載せた時に境界線が不明瞭になるよね。

掲載する画像に自動で影がついたら、そんな悩みも解決!

 

 

 

【 現時点での My ブログ 】

f:id:bless-you:20161027173147j:plain

 

 

 

ブログって楽しいね!

もぉさ、▼・ェ・▼

ブログを書くのが楽しいのか、

ブログを改造するのが楽しいのか。

どっちなんだかわかんなくなってきてるよね!

 

 

でも楽しいならなんでもいっか!!

 

 

こうやって▼・ェ・▼が楽しめるのも

巷で様々な情報をシェアしてくださる方々の御蔭様デスん。

ありがとうございます!

 

 

今日はね。

この『 DUDE 』ってデザインに変更してから

ずっと思ってたことなんだけどさ。

 

 

上に載せた画像でもわかるんだけども。

背景と同じ白が多い画像だと、

境界線がわからなくなるっていうところ。

 

 

【 以前のデザイン 】

f:id:bless-you:20161026015304j:plain

 

 

前に利用させてもらってたデザインだと、

自動的に画像が縮小されて、写真のように白枠がついてたからね。

背景も薄いベージュの便箋風味だったしね。

 

 

カスタマ記事を彷徨ってた時、ちょうど素敵な記事発見!!

 

 

今回の先生は、コチラ

georges.hatenablog.jp

 

詳しい理屈や お話しは、先生のところで読んでね!

 

 

コピペするコードは以下。

/* 画像に影をつける */
.hatena-fotolife{
-moz-box-shadow: 1px 3px 7px 2px #C5C5C5;
-webkit-box-shadow: 1px 3px 7px 2px #C5C5C5;
box-shadow: 1px 3px 7px 2px #C5C5C5;
}

 

 

貼り付ける場所はデザインCSS。

f:id:bless-you:20161027175706j:plain

 

 

できたかな?

 

 

f:id:bless-you:20161027180124j:plain

 

 

できたー! ٩(ˊᗜˋ*)و

じょーじ先生ありがとうございましたー!

 

 

ってところで。

今日の改造は、これでおしまい!

 

 

 

 

゚*。.ღ ⊹⊱  £ονё & βLёss уoц  ⊰⊹ ღ.。*゚

Thank you.

I love you.