たも兄＠VM4のブログ一覧

なんとなぁ～く？！





スタイルシートで背景とヘッダーを冬仕様に変更ｼﾃﾐﾏｽﾀ♪





しばらくは、これでイキマス♪

今日は夜勤明けの休み。


昼間で寝てたんで････････････････買い物にちょっと出かけたぐらいで、ほかにすることも無く･････････････････



またスタイルシート弄ってました(笑)




今までの、チョイエロ路線から、今日の気温から夏をイメージして作っちゃいました♪


ま～趣味の釣りをイメージして作ってみたんですがね。




で、随所に貼られてる女性なんですが･･･････････････釣りをする方なら知ってるかな！？



コジレイこと児島玲子さんです。


アサヒビールイメージガールにも選ばれたことのある方です。





実は、去年八戸にある某釣具店が主催する展示早期予約会のトークショーに来てまして、実物とお会いもしました。


実物は・・・・・・・・・・・・・・・めっちゃかわいかったぁ～…(*´д`)ｱﾊｧ…?
















ま～秋まではこのまま行くかなぁ～







それとも、次は・・・・・・・・・・・・・・・水着のﾈｴﾁｬﾝを背景に？！…(*´д`)ｱﾊｧ…?

前のブログで、スケスケが上手くいかないといいましたが･･････････････････



お友達のコメにより･････････････････








挿入性交！！




ついでに、スケスケを十二分に活用するために！？背景画も変えてみました^^;






入れ方は、リンク先の友達のところでも言ってますけど・・・・・・・・・・・・・

丸々コピペ（爆


コンテンツ透過(全透過)

詳細編集/コンテンツ共通/コンテンツ表示/
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/010/contents.gif) repeat-y;
の下線部分を削除して
background:;
だけにすればＯＫでした。

同様に
詳細編集/プロフィール/プロフィール本文/
background:#000;を
background:;
にするとプロフィール本文の背景が透過します。

まあ透過と言うよりは「div.contents」のbackgroundの設定をしていないから、「div#MinkaraBody」のbackgroundが見えるって事でしょ

夜勤明けの休みで、ぼ～っとしてたたもです^^;



とはいえ、以前から気になってたブログ背景（コンテンツ背景）の黒いのが気になっていたんで、今日は弄っておりました。
ついでに、背景画も変更(*´д｀*)ﾊｧﾊｧ


まずは、今までのページ



ちょっと、変わらないように見えるけど、変更後。


背景の画像が、半分黒いんで変わらないように見えるけど・・・・・・・・・・・・
何が言いたいかは、わかりますよね？！
記事が書かれてる部分の背景の黒が無くなってます。

やり方は、

スタイルシート詳細編集
↓
コンテンツ共通
↓
コンテンツ表示
div.contents

margin:0px;
padding:5px 20px 8px 20px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/010/contents.gif) repeat-y;
width:580px;

この中の太字部分を削除すれば、黒いコンテンツ背景がなくなり、後ろの背景画が見えるようになります。








本当は、コンテンツ背景を下のような、半透明にしたんだけど・・・・・・・・・・






これをやろうと思って、
margin:0px;
padding:5px 20px 8px 20px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/010/contents.gif) repeat-y;
width:580px;


に

margin:0px;
padding:5px 20px 8px 20px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/010/contents.gif) repeat-y;
filter:alpha(opacity=70);
width:580px;

と太字を追加すると出来るんだけど・・・・・・・・・・
opacity=70の数字を小さくすればするほど透過率は様なる代わりに、文字まで薄くなっちゃうwwwwwwwwwwwwwww





ちなみに透過させるには、コンテンツ領域div#BodyBlockMainにfilter:alpha(opacity=70);を追加してもできるんだけど・・・・・・・・・やっぱり同じ様になっちゃいますwwwwwwwww




う～ん、まだまだですなぁ～ヽ(´ｰ｀)ﾉ

連投です！！(笑)



ＣＣＳカスタム第２弾！！




今度は、各コンテンツ（ブログ・愛車紹介等）の上下に画像を挿入試みました。



使いたい画像を、スタイルシート画像に登録します。


以下の順で作業します。

スタイルシート詳細設定
↓
コンテンツ共通
↓
コンテンツ表示上部div.contentsHeader　
もしくは　
コンテンツ表示下部div.contentsFooter


最初にコンテンツ表示上部から

margin:0px;
padding:0px;
background:url(登録した画像のＵＲＬ) no-repeat bottom left;
height:150px;
width:620px;
clear:both;


次にコンテンツ表示下部

margin:0 0 10px 0;
padding:0px;
background:url(登録した画像のＵＲＬ) no-repeat bottom left;
height:130px;
width:620px;


height:やwidth:の数字を変えることで、画像の位置を調整します。


使用する画像は、1度登録して実際作業してみないと、ぴったりﾌｨｯﾄするかわからないんで、
プレビューで確認して、大きさがあわないときは登録する画像のサイズを変更して再度画像をスタイルシート画像に登録してください。