【第 27 話】 ブログのカスタマイズは、着てるものを脱がすことから始めてみる！- スタイルシート編集 編 -
★セカンドライフの世界には、ブログをカスタマイズしただけでCool を連発してもらえる風潮がある。
- by Lovely Wolf -
★デザインに関していえば、PEUGEOT の仕掛けはいつもおもしろい。
★RC の名を予感させるデティール。
★マニアにとって超ウレしいFreebie のレーシングギヤ。
★ライオンのエンブレムがますますでかくなっている。
★じつは、自転車のメーカーとしても有名なのさ。
★コックピットは、リアルのカタログと見間違うほどだ。
★試乗車のテストコースもある。
★RCZ は、いわゆるコンセプトカー。昨年の秋にフランクフルトモーターショウで発表されたばかり。
★ところが、先月末、2010 年発売に向けて量産化を決定した。
# PEUGEOT island
<SLurl>
secondlife://PEUGEOT/136/239/23/
★プジョーらしく、L$ 70,000 をかけたPEUGEOT DESIGN CONTEST 2008 が開かれている。
★では本日のお題いきます。「着てるものを脱がすことから始めてみる！」ってことで、いったいどうやって脱がすんだか？・・・とっても、気になる。
★ソラマメは、テンプレートの各領域に対して次のような名前が指定されている。
<div id="container">～<div> ・・・・・・・上部画像領域＋記事本体＋コメント＋トラックバック
<div id="banner">～<div> ・・・・・・・・・上部画像領域
<div id="content">～</div>・・・・・・・・・記事本体＋コメント＋トラックバック
<div id="links">～</div>・・・・・・・・・・・・サイドバー
<div class="blogbody">～</div>・・・・記事本体
★テンプレートを修正するときは、サイドメニュー「ブログの設定」－「テンプレート」を選んでから、「カスタマイズ」（
赤アミ部分）をクリックする。
★デフォルトのスタイルシートは、各領域の背景色に白（#FFFFFF）が指定されている。見た目ダサいのはこのせい？
・・・ってことで、これを全部除去してみよう。
★領域の探し方は、バックナンバーを見てもらうことにして。
・・・
赤字部分が修正ヶ所。background-color（背景色）をコメントアウトしてみる。（/*～*/ で囲む）
# シンプルグレイ(幅100%) 2カラムテンプレートの場合
#container{ font-size:12px;
width: 100%;
/* background-color: #ffffff; */
margin: 0px auto;
text-align: left;
}
#content{
margin-left: 200px;
/* background-color: #ffffff; */
}
#links{
width: 185px;
float: left;
text-align: left;
padding: 20px 0px 0px 10px;
margin: 0px;
/* background-color: #ffffff; */
overflow: hidden;
}
.blogbody{
/* background: #fff; */
margin: 0px 0px 10px 0px;
padding: 8px;
border-left: 1px solid #484848;
border-right: 1px solid #484848;
border-bottom: 1px solid #484848;
}
# オリジナルテンプレート2カラム(サイドバー右)の場合
#container{
text-align: left;
padding: 0px;
width: 750px; margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
/* background-color: #FFFFFF; */
color: #;
}
/* ブログタイトル・概要 */
#banner{
/* background-color: #ffffff; */
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url();
}
★これだけで、シースルーなブログになってしまった。・・・これからの季節、やっぱ透け透けがウレしいでしょ？