【リンク無しの場合】

①画像アドレスをコピー
②ブログページの「画像」にペースト



【リンク有りの場合】
<a href="リンク先のURL"target=_blank><img src="画像のファイル名"width="画像のサイズ"></a>


コピー用↓
<a href=""target=_blank><img src=""width="900"></a>

※　target=_blankは新しいタブで開くHTML。

サイド領域(div#BodyBlockSide)
font-size:10px;
line-break:strict;
word-break:break-all;
サイドメニュー領域(div.SideMenu)
width:180px;
float:right;
何シテル？ヘッダー(div#NanisiteruHeader)
width:170px;
何シテル？領域(div#Nanisiteru)
width:160px;
何シテル？フッター(div#NanisiteruFooter)
width:170px;

領域の幅、font-sizeは好みで替えてください。



コンテンツ共通/コンテンツ領域（div#BodyBlockMain）
overflow:visible;
display:block;
_overflow:hidden;

と入力。




コンテンツ表示(div.contents)
width:700px;
position:relative;を追加

コンテンツ表示上部(div.contentsHeader)
コンテンツ表示下部(div.contentsFooter)
共に
width:740px;
background:url(***)*** no-repeat;をrepeat-xに修正
position:relative;を追加





コメント幅の調整
しなくても機能上問題は無いのですが、広くした方がバランスが良いかと；；
コメントタイトル(table#userCommentList td div.commentTitle)
コメント日付(table#userCommentList td div.commentDate)
コメント表示(table#userCommentList td div.commentArea)
共に
width:310px

※幅は使用に合わせて変更してください





サイド領域リンク
サイドメニュー領域に
opacity:0;
を入力。

[step1]
　まず、ランダム表示する画像を複数枚準備。

＜ヘッダー画像の場合＞
今何か画像を指定している人は、その画像と同じ大きさの画像を用意。まだ画像を指定していない方は幅930px、高さは[ヘッダー領域]、テキストエリア内で[height:?????px;]の「????」が画像の高さ。この値を変えれば任意の高さの画像を使う事が可能。

＜背景の場合＞
画像の大きさを合わせて複数枚用意。1280px×1280pxの指定が勝手にされてると思います。

[step2]
スタイルシートの欄にある「スタイルシート用画像」に画像を全部アップ。
画像をアップすると、画像のサムネイルとURLがリスト表示になったのを次のステップでコピペするのでページは閉じない。

[step3]
　画像ランダム君＜http://img.abarth.me/＞へ行く。
表示された画面にはテキストフィールドが並んでるので、URLをコピペしていく。ランダム表示なので順序は関係なし。
[レア画像]というテキストフィールドに入れた画像は、一定の確率でしか表示しない。変更可。
URLは(レア画像を除いて)二つ以上入力すればOK。

[step4]
　画面が切り替わり、URLが表示されます。そのURLがランダムに画像を表示するURLです。それをヘッダーに使用する場合は[ヘッダー領域]の背景画像のURLに設定、背景の場合は「ページの基本」→「ユーザー領域」に設定する。

背景用URL

http://bit.ly/1l02Cr9

ヘッダー用URL

background-image:url(http://bit.ly/M8EIhd);

【タブ】

＜タブ＞

変更後

width:100%;
list-style-type:none;
margin:2px 0;
padding:0px;
clear:both;
height:260px;
float:left;
background-image:url('ここに画像のURLを入れる');


画像は私は280px前後です。個人で合わせてください。


＊参考＊
「Impact!」さんのページ
http://minkara.carview.co.jp/userid/320176/blog/23739702/

☆←が付いているところの数値は私の仕様です
　　　コピペする際はもちろん☆を消してくださいね。


サイドメニューを狭くする。

【サイドメニュー】
＜サイド領域＞

変更前
overflow:hidden;
display:block;
clear:none;

変更後
font-size:14px;　　　☆
line-break:strict;
word-break:break-all;




サイドメニューの領域を小さくする。

＜サイドメニュー領域＞

変更前
width:300px;
padding-bottom:10px;
background:#333;

変更後
width:240px;　　　　　　　☆
padding-bottom:10px;
background-image:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/034/bg.png);
float:right;

*ちなみに*
float:right;　　　←幅を小さくしたので右に寄せるため。
background:;　 ←このようにすることで透明化できます。



＜何シテル？ヘッダー＞

変更前
width:260px;
margin:0 auto;
height:16px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteruheader.gif) no-repeat top center;

変更後
width:208px;　　　　☆
margin:0 auto;
height:16px;
background:url(http://cdn.img01.carview.co.jp/cvmaterials/minkara/user/css/010/nanisiteruheader.gif) no-repeat top center;



＜何シテル？領域＞

変更前
width:250px;
margin:0 auto;
padding:5px;
background:#000 url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteru.gif) repeat-y center;
font-size:12px;
color:#999;

変更後
width:200px;　　　　☆
margin:0 auto;
padding:5px;
background:#000 url(http://cdn.img01.carview.co.jp/cvmaterials/minkara/user/css/010/nanisiteru.gif) repeat-y center;
font-size:14px;
color:#999;


＜何シテル？フッター＞

変更前
width:260px;
margin:0 auto;
height:5px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiterufooter.gif) no-repeat top center;

変更後
width:208px;　　　　☆
margin:0 auto;
height:5px;
background:url(http://cdn.img01.carview.co.jp/cvmaterials/minkara/user/css/010/nanisiterufooter.gif) no-repeat top center;







【共通コンテンツ】
＜コンテンツ領域＞

変更前
overflow:hidden;
display:block;

変更後
overflow:visible;
display:block;
_overflow:hidden;



＜コンテンツ表示上部＞

変更前
margin:0px;
padding:0px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/contentsHeader.gif) no-repeat bottom left;
height:4px;
width:620px;
clear:both;

変更後
margin:0px;
padding:0px;
height:4px;
width:650px;　　☆
clear:both;

*なお、私はしていませんが変更前のbackground以下を消すことですべて透明化できます。


＜コンテンツ表示＞

変更前
margin:0px;
padding:10px 20px 8px 20px;
background-image:url(http://carview-img02.bmcdn.jp/carlife/images/UserCarNote/750640/p3.jpg);
width:800px;
position:relative;

変更後
margin:0px;
padding:10px 20px 8px 20px;
background-image:url(http://carview-img02.bmcdn.jp/carlife/images/UserCarNote/750640/p3.jpg);
width:650px;　　　☆
position:relative;

*なお、私はしていませんが変更前のbackground以下を消すことですべて透明化できます。
widthの部分は半透過部です





＜コンテンツ表示下部＞

変更前
margin:0 0 10px 0;
padding:0px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/contentsFooter.gif) no-repeat top center;
height:4px;
width:620px;

変更後
margin:0 0 10px 0;
padding:0px;
height:4px;
width:650px;　　☆


*なお、私はしていませんが変更前のbackground以下を消すことですべて透明化できます。






【タブ】

700ピクセル　　☆
のコンテンツ幅にすると広告とかぶるので
タブの上のスペースを広くする。

＜タブ＞

変更前
width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:30px;
float:left;

変更後
width:100%;
list-style-type:none;
margin:163px 0 8px 0;　　　☆
padding:0px;
clear:both;
height:30px;
float:left;

163pxはサイドメニューの高さとピッタリの仕様です。後ろの「8px 0;」はいずれにしても入れてください。


あとはブログ内の写真のところの文字列のimg style="WIDTH: ***pxのところに私の仕様ではimg style="WIDTH: 680pxがギリギリはいります。


＊参考＊
「Kent@」さんのページ
http://minkara.carview.co.jp/userid/300797/car/247708/1041617/note.aspx