K-Z31 Blog?

2カラム表示から3カラムに変更

INDEXがコミック発売日の表示で縦長になってきたのでテンプレートごとにちょっずつ変えてみた。

styles-site.cssのテンプレートを変更

/*◆カテゴリやカレンダー枠の基本設定◆*/
#links {
position : absolute ; top : 180px ;
width : 200px ;
margin-left:50px;
}

↓↓↓↓↓↓↓↓

/*◆カレンダー枠の基本設定（トップページ左）◆*/
#links {
position : absolute ; top : 180px ;
width : 180px ;
left:20px;

}

とちょっと縮めて左に寄せた。

/*◆カレンダー枠の基本設定（トップページ右）◆*/
#links-right {
position : absolute ; top : 180px ;
right:20px;
width : 180px ;

}

と右側リンクバー用を追加。

/* ◆エントリーのある大段落（トップページ）◆ */
#content {
background: #cccccc;
margin-left : 150px ;
border: 5px solid #333333;
padding-left: 100px;
margin-right:50px;
}

/*◆エントリーのある大段落（トップページ以外）◆*/
#container {
background: #cccccc;
margin-left : 150px ;
border: 5px solid #333333;
padding-left: 100px;
margin-right:50px;
}

↓↓↓↓↓↓↓↓

/* ◆エントリーのある大段落（トップページ）◆ */
#content {
background: #cccccc;
margin-left : 110px ;
margin-right : 110px;
border: 5px solid #333333;
padding-left:80px;
padding-right:80px;
width: auto;

}

/*◆エントリーのある大段落（トップページ以外）◆*/
#container {
background: #cccccc;
margin-left : 110px ;
margin-right : 110px;
border: 5px solid #333333;
padding-left:80px;
padding-right:80px;
width: auto;

中央エントリー部分も縮めて幅を調整。

あとは各テンプレートに

<div id="links-right"></div>

を入れて各リンクを右に移動。