2010年09月14日
スタイルシート弄り(ブログや愛車紹介の上下端を透過)
ブログや愛車紹介の上端・下端も背景を透過させる方法が見付かりました(^^)
と言っても、みんカラオリジナルをパクっただけですが・・・
↓これは以前紹介した方法でブログ等の本文を透過させた状態です
ご覧の通り、上端部分が白いままで透過されていません!
そこで、みんカラオリジナルのカーボンから上端部分をパクってみると・・・
ちょっと色に差がありますが、白い時よりはマシになったかと(^^;
そんな程度じゃ気に入らん!
というお方にはこちらを
本文部分もカーボンからパクリました♪
更に・・・
コーナー部分は丸まっている方がいいぞ!
という方には、みんカラオリジナルのイルカからパクった角丸をどうぞ!
ぁ!イルカからパクった角丸と、カーボンからパクった本文部分とでは、若干色が違ってる~~~
イルカに統一すればOK!という事で(^^;
以下まとめです♪
みんカラカーボンみたいにしたい方は、
スタイルシートのコンテンツ表示上部・コンテンツ表示・コンテンツ表示下部の各部分を以下の様に変更して下さい。
-----------------------------------------------------------------
コンテンツ表示上部
div.contentsHeader
margin:0px;
padding:0px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/053/contentsHeader.png) bottom left no-repeat;
height:4px;
width:620px;
clear:both;
-----------------------------------------------------------------
コンテンツ表示
div.contents
margin:0px;
padding:0px 20px 8px 20px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/053/contents.png) repeat-y;
width:580px;
-----------------------------------------------------------------
コンテンツ表示下部
div.contentsFooter
margin:0 0 10px 0;
padding:0px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/053/contentsFooter.png) top center no-repeat;
height:4px;
width:620px;
-----------------------------------------------------------------
角丸のイルカ風にしたい方は、こちらの設定で!
-----------------------------------------------------------------
コンテンツ表示上部
div.contentsHeader
margin:0px;
padding:0px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/028/contentsHeader.png) no-repeat;
height:17px;
width:620px;
clear:both;
-----------------------------------------------------------------
コンテンツ表示
div.contents
margin:0px;
padding:0px 20px 8px 20px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
backgronund-repeat:no-repeat;
width:580px;
-----------------------------------------------------------------
コンテンツ表示下部
div.contentsFooter
margin:0 0 10px 0;
padding:0px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/028/contentsFooter.png) no-repeat;
height:17px;
width:620px;
-----------------------------------------------------------------
以上です(^^)v
※弄る前にスタイルシートのバックアップを忘れずに!(元に戻したくても戻せなくなりますよ!)
ブログ一覧 |
スタイルシート弄り | 日記
Posted at
2010/09/14 11:37:31
タグ
今、あなたにおすすめ