えす＃０５５のブログ一覧

ま、簡単なんだよこんなの。って歌が昔あったな～そういえば。

要は、透過処理をした画像を貼り付けるだけですから全然難しくないです。画像を作る事とその画像をアップロードする事は少々面倒なんですけどね。画像はココに登録してありますから、後はスタイルシートの特定の場所を書き換えれば完了です。以下に登録してあるＵＲＬ画像をを並べます。
半透明黒系
https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p1.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p2.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p3.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p4.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p5.jpg
半透明白系

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p6.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p7.jpg

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p8.jpg

個人的には白背景の黒文字の方が好みなんですよね、目が悪いオイラには読みやすいし。みんカラの標準流用だといぬ・ねことイルカの黒系しか無いですし、透明度も割りと高いので背景の色や柄によっては文字が読みにくくなるんですよ。それで、無いのなら作ってしまえホトトギスってのがこれらの画像を作った理由なんです。
最初は白黒の透明度違いを１０％刻みで８段階作ってありましたが、１段階上げ下げの違いが分りにくく、ソコまでの使い分けも不要と感じたので２０％位刻みで４段階に間引きました。

ソレと画像を標準と比較して大きくした理由はこちらです。ＧＩＦと使い分けしていた頃の名残です。
又画像サイズを小さくしても良いのですが、作り直すのが結構面倒でそのままにしています。

それにしても元のフォトギャラ’09/4/09/15ってそんなに昔だったかな～。月日の経つのは早いものです。

で最後に書き換える場所ですが、こちらのページではｽﾀｲﾙｼｰﾄ/詳細編集の中の
コンテンツ共通/コンテンツ表示（div.contents）　　お勧め、と言うか必須箇所。一番面積が大いので背景が良く見える。
ブログ/ブログ本文(div.blogMemo)　　文字をより読みやすくする場合に使用。
コメント/何シテル？/コメントタイトル(table#userCommentList td div.commentTitle)
コメント/何シテル？コメント表示(table#userCommentList td div.commentArea)
サイドメニュー/サイドメニュー領域(div.SideMenu)　　サイド部分、お好みで
を書き換えていますね。書き方の例は

background-image:url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarNote/750640/p7.jpg);

ですかね。このほかにbackground:****
があったら場合によっては削除します。