03
14
テンプレート2 - 幅を変更したりプラグインの位置を変更したり
2008-03-14
変更するところはスタイルシートの下記の部分です。関係のない部分は表示していません。幅を調整するとこでお好みのサイズになります。
/* 全体の幅 -------------------------------------------------*/
#container{
width: 800px;
}
/* 左＋メインを合わせた幅 -----------------------------------*/
#box2 {
width: 800px;
}
/* 左右の幅 -------------------------------------------------*/
#left {
float : left;
width : 240px;
}
/* メインの幅 -----------------------------------------------*/
#main {
float : left;
width : 560px;
}
#leftと#mainの幅の合計が#box2より大きくならないようにしないといけません。プラグインの位置を左にしたい場合は#mainを下記のように変更します。
float : left; ⇒ float : right;幅を変えてもタイトルの位置はそのままなので何とかしたと感じた方はこちらを変更してみてください。幅を広くするほどタイトルの位置は左に移動します。
#header2{
width: 800px;
}
タイトルの下にあるRSSボタンや検索窓の位置を変更したい場合はこちらを変更します。#navi-inの幅を大きくすると全体が左に移動します。archivesと検索窓の距離を変更するには.sitemapのmarginの太字の部分を変更します。
#navi-in{
width:800px;
}
.sitemap{
margin : 1px 340px 0 0px;
}
