• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
みなさんと“Contact”するためのBulletin board とりあえず備忘録として開設です。
☆←が付いているところの数値は私の仕様です
   コピペする際はもちろん☆を消してくださいね。


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

【サイドメニュー】
<サイド領域>

変更前
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
© LY Corporation