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

| コメント(0) | トラックバック(0)

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>

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

トラックバック(0)

トラックバックURL: http://k-z31.sakura.ne.jp/mt/mt-tb.cgi/415

コメントする

ウェブページ

OpenID対応しています OpenIDについて
Powered by Movable Type 4.25

このブログ記事について

このページは、k-z31が2005年10月10日 04:48に書いたブログ記事です。

ひとつ前のブログ記事は「2005/10/10 買った本」です。

次のブログ記事は「私の心の座標軸は今もあの時あの場所」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。