ＣｕｓbｌO |
忍者ブログテンプレートカスタマイズ ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書 忍者用ブログテンプレート作成中
２カラムを３カラムに変更 ＣＳＳ
中央寄せタイプ全体ブロックを中央寄せにしてサイドにプラグインを増設するタイプ
ＩＤは忍者ブログ用
他社ブログを変更の場合はＩｄを書き換える
ＨＴＭＬ<body>
<div id="MainBlock">
<div id="WraperBlock">
<div id="PluginBlockLeft">
左側に表示するプラグインカテゴリー
</div><!--//PluginBlockLeftの閉じタグ//-->
<div id="EntryBlock">
記事部分を表示
</div><!--//EntryBlockの閉じタグ//-->
</div><!--//WraperBlockの閉じタグ//-->
<div id="PluginBlockRight">
右側に表示するプラグインカテゴリー
</div><!--//PluginBlockRightの閉じタグ//-->
</div><!--//MainBlockの閉じタグ//-->
</body>
/*全体*/
body {
text-align:center; /*ブログ本体をセンタリング*/
}
/*ブログが表示される部分*/
div#MainBlock {
margin:0px auto;/*ブログ全体をセンタリング*/
width:740px;
text-align:left;
}
/*左側のプラグイン＋記事表示部分*/
div#WrapperBlock {
width:540px;
float:left;
}
/*記事表示部分*/
div#EntryBlock {
width:340px;
float:right;
}
/*左側のプラグイン*/
div#PluginBlockLeft {
width:190px;
float:left;
}
/*右側のプラグイン*/
div#PluginBlockRight {
width:190px;
float:right;
}
/*フッターブロック*/
div#FooterBlock {
clear:both;/*回り込みを全て解除*/
}
body {
text-align:center; /*ブログ本体をセンタリング*/
}
/*ブログが表示される部分*/
div#MainBlock {
margin:0px auto;/*ブログ全体をセンタリング*/
width:740px;
text-align:left;
}
/*左側のプラグイン＋記事表示部分*/
div#WrapperBlock {
width:540px;
float:left;
}
/*記事表示部分*/
div#EntryBlock {
width:340px;
float:right;
}
/*左側のプラグイン*/
div#PluginBlockLeft {
width:190px;
float:left;
}
/*右側のプラグイン*/
div#PluginBlockRight {
width:190px;
float:right;
}
/*フッターブロック*/
div#FooterBlock {
clear:both;/*回り込みを全て解除*/
}
PR
この記事にコメントする
最新記事
(06/23)
(06/19)
(05/14)
(05/14)
(04/28)
カテゴリー
最新トラックバック
ジェネレーター リンク
ソフト不要で作成カスタマイズできる
ＣＳＳ／ＨＴＭＬ
ブログ：
ネーム：
かすぽ
趣味：
美しい・綺麗なものの鑑賞
自己紹介：
ＣｕｓＢｌｏスタート：２０１０．０３．０７
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
素材配布サイト様へ：リンク漏れが有る場合以下の専用ページにコメントください
