| 違反投稿 |
liquid_pearlを選んだ上で,カスタマイズで2カラムに変更したということですよね。
CSSでの名前は,右側のエリアが #right,
左側+中央のエリアが #wrapper,
でその #wrapper がさらに左側の #left と中央部分の #wikibodytop,#wikibody,#wikibodybottom, #.ad に分かれている,という構造は blog と似てるのかな。
2カラムにすると右側がなくなるので,まず
#right{
width:180px;
float:right;
padding-bottom:30px;
}
という部分を
#right{ display:none;}
に変更します。
また,中央の部分を広げるために
#wrapper{margin-right:185px;}
を
#wrapper{margin-right:5px;}
に変更します。
これでサイズはOKなんですが,背景の画像が固定幅で作られてしまっているので,これを隠すために
#wikibodytop, #wikibody, #wikibodybottom のところにある
background:url(http://image0X.wiki.livedoor.jp/img/...
を,すべて
background: #fff;
にかえてしまいます。
あと,見た目の微調整として
.ad{text-align:center;margin:0 auto;}
を
.ad{text-align:right;margin:0 auto;backgrond:#fff;}
に,
#wikibodybottom の
padding:0 15px 20px;
を
padding:0 15px 100px;
ぐらいにしておけばまあまあになるんじゃないでしょうか。
http://wiki.livedoor.jp/wiki_design/d/
↑ここにもあとで書き込んでみます。 |