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>
を入れて各リンクを右に移動。
コメントする