「Movable Type WEBデザインの新しいルール」
主なメニュー
トップページ
書籍の内容
サンプルデータ
関連リンク
サポートブログ
訂正情報
フィードバック
トップページ
> 3-11:カラムレイアウトを変更する
3-11:カラムレイアウトを変更する
手順1(変更後)
<bodyclass="<$MTGetVarname="page_layout" default="layout-two-column-right"$>"<MTIf name="body_onload"> onload="<$MTGetVar name="body_onload"$>"</MTIf>>
手順4
/* 2 カラム固定レイアウト(右サイドバー) */ .layout-two-column-right #content { float: left; width: 480px; margin: 0 0 10px 0; border-bottom: 1px solid #669; border-right: 1px solid #669; }
手順5
/* 2 カラム固定レイアウト幅 */ .layout-two-column-left #box, .layout-two-column-right #box { width: 667px; } html > body.layout-two-column-right #box { width: 665px; }
手順6
.layout-two-column-left #footer, .layout-two-column-right #footer { width: 667px; } html > body.layout-two-column-right #footer { width: 665px; }
手順7(変更後)
/* 2 カラム固定レイアウト( 右サイドバー: ブログ記事全体) */ .layout-two-column-right .blog { padding: 5px 0 10px 15px; }
Search this site
Recent Entries
Monthly Archives
2008年12月
[2]
2008年9月
[1]
2008年7月
[1]
2008年2月
[2]
2008年1月
[1]
2007年12月
[1]
2007年11月
[6]
2007年10月
[5]
Links
サンプルデータ
サポート
訂正情報
フィードバック
Counter
3333333333
このブログを購読
Copyright © 2007 www.koikikukan.com All Rights Reserved.