<body>
<!-- ///// アクセス解析挿入場所 ///// -->
<div id="container"><!-- container --> <!-- ここが全体のやつ -->
<div
id="header" style="width : 200px;float:left;"><!-- header -->
<h1 id="site-top"><a href="<%url>"><%blog_name></a></h1>
<p><%introduction></p>
</div><!-- /header -->
<div id="search"><!-- search --> 〜</div><!-- /search --><div style="height:70px;width : 540px;float: right;overflow:auto;background-color : #ffffff;border : 1px solid #07b;margin-right:25px;">ここに画RSSのコード</div><div class="section" id="contents"><!-- contents --><!-- プライマリとセカンダリのや-->
〜 <!--date_area--><%topentry_
discription><!--/date_area-->
<!--category_area--><%topentry_
discription><!--/category_area-->
<!--search_area--><%topentry_
discription><!--/search_area-->
<!--discriptionをbodyに変えると概要から全文表示に。-->〜<!-- ///// Google AdSense コメントを削除してコードを埋め込み ///// -->
<!-- <div class="entry-adsense">
ここにGoogle AdSense</div>
-->〜
<!--/permanent_area-->
<ul class="entry-state">
<li class="entry-back-home"><a href="#site-top" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" _fcksavedurl=""#site-top"" title="サイトのトップに戻る">
▲TOP</a></li>
<li class="entry-date"><%topentry_year>
-/<%topentry_month>
-/<%topentry_day>
(<%topentry_wayoubi>)<%topentry_hour>:<%topentry_minute></li>
<li class="entry-category"><a href="<%topentry_category_link>"><%topentry_category></a></li>
<li class="entry-comment"><!--allow_comment--><a href="<%topentry_link>#comment-top" title="「<%topentry_title>」には <%topentry_comment_num> 件のコメントがあります">
コメント : comment(<%topentry_comment_num>
)</a><!--/allow_comment--><!--deny_comment-->コメント : -<!--/deny_comment--></li>
<li class="entry-trackback"><!--allow_tb--><a href="<%topentry_link>#trackback-top" title="「<%topentry_title>」には <%topentry_tb_num> 件のトラックバックがあります">
トラックバック : trackback(<%topentry_tb_num>
)</a><!--/allow_tb--><!--deny_tb-->トラックバック : -<!--/deny_tb--></li>
</ul>
<!--trackback_area-->
〜
<div class="section trackbackfield" id="trackback<%tb_no>"><!-- trackbackfield -->
<h4 class="trackback-header">[<span class="hide">T</span><span class="num"><%tb_no></span>]■<%tb_title></h4>
<div class="trackback-body"><%tb_excerpt></div>
<ul class="trackback-state">
<li class="trackback-date"><%tb_year>-/<%tb_month>-/<%tb_day>(<%tb_wayoubi>)<%tb_hour>:<%tb_minute></li>
<li class="trackback-site"><a href="<%tb_url>" title="<%tb_title>"><%tb_blog_name></a></li>
</ul>
〜
<!--/trackback_area-->
<!--comment_area-->
〜
<div class="section commentfield" id="comment<%comment_no>"><!-- commentfield -->
<h4 class="comment-header">[<span class="hide">C</span><span class="num"><%comment_no></span>] ■<%comment_title></h4>
<div class="comment-body"><%comment_body></div>
<ul class="comment-state">
<li class="comment-date"><%comment_year>-/<%comment_month>-/<%comment_day>/(<%comment_wayoubi>)<%comment_hour>:<%comment_minute></li>
〜<ul class="navi">
<!--not_permanent_area-->
<!--prevpage-->
<li class="prev"><a href="<%prevpage_url>" title="前のページに移動する" accesskey="2">«
«</a></li><!--/prevpage-->
<li class="up"><a href="<%url>" title="ホームに戻る" accesskey="1">ホームに戻る</a></li>
<!--nextpage-->
<li class="next"><a href="<%nextpage_url>" title="次のページに移動する" accesskey="3">»
»</a></li><!--/nextpage-->
<!--/not_permanent_area-->
<!--permanent_area-->
<!--nextentry-->
<li class="prev"><a href="<%nextentry_url>" title="前の記事「<%nextentry_title>」に移動する" accesskey="2">«
«</a></li><!--/nextentry-->
<li class="up"><a href="<%url>" title="ホームに戻る" accesskey="1">ホームに戻る</a></li>
<!--preventry-->
<li class="next"><a href="<%preventry_url>" title="次の記事「<%preventry_title>」に移動する" accesskey="3">»
»</a></li><!--/preventry-->
<!--/permanent_area-->
</ul>
</div><!-- /primary-column -->
<div class="secondary-column"><!-- secondary-column -->
<h2>Appendix</h2>
<!--plugin-->
<!--plugin_first-->
〜<!--/plugin_first-->
<!--plugin_second-->
〜<!--/plugin_second-->
<!--plugin_third-->〜<!--/plugin_third--><!--/plugin-->
<!--not_plugin-->
〜<!--/not_plugin-->
</div><!-- /secondary-column -->
</div><!-- /contents --><!-- ここまでプライマリとセカンダリのやつ -->
<div class="third-column"><!--third-column--><!-- サードカラムのやつ --> <h2>Appendix</h2> <!--plugin--> <!--plugin_third--> <div class="section"><!-- plug-in-section --> <h3 style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3> <div style="text-align:<%plugin_third_ialign>"><!-- plug-in-align --> <%plugin_third_description> </div><!-- /plug-in-align --> <%plugin_third_content> <div style="text-align:<%plugin_third_ialign>"><!-- plug-in-align --> <%plugin_third_description2> </div><!-- /plug-in-align --> </div><!-- /plug-in-section --> <!--/plugin_third--> <!--/plugin--></div><!--third-column--><!-- ここまでサードカラムのやつ --> <div id="footer"><!-- footer -->
<div class="ads"><%ad><%ad2></div>
</div><!-- /footer -->
</div><!-- /container -->
<!--ツリー化のやつ--></body>
</html>
css
全体コンテナ(800px)=コンテンツ(640px)+サード(160px)
コンテンツ(640px)=プライマリ(434px+13px*2)+セカンダリ(180px)
@charset "EUC-JP";
/* ===== 初期化 ===== */
〜/* ===== ボディ ===== */
body {
color : #666;
background-color :
#fff#E1E8FF; font-size : 75%;
font-family : "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "MS Pゴシック", sans-serif;
line-height : 1.5;
text-align : center;
overflow:scroll;}
/* ===== 見出 ===== */
h1 { margin : 0.5em 0; font-size : 200%; }
h2 { font-size : 130%; display : none; }
h3 { font-size : 120%;
background-color : #BCCAFF;}
h4 { font-size : 110%;}
h5 { font-size : 105%;}
h6 { font-size : 100%;}
〜/* ===== レイアウト ===== */
div#container {/***全体コンテナのサイズとか***/
width :
760px800px; margin : 1em auto;
text-align : left;
}
〜div#contents {/***コンテンツ、プライマリとセカンダリをあわせた***/
margin :
30px 0auto; float : right; width : 640px; text-align :left; }
/* ===== プライマリカラム ===== */
div.primary-column {
float : left;
width :
540px434px;}
div.entryfield {
margin-bottom : 30px;
padding : 5px; border-top : 5px solid #07b; margin-right : 13px; margin-left : 13px; padding : 0px 3px 5px 3px; border : 1px solid #07b; background-color : #ffffff; }
h3.entry-header {
margin-bottom : 5px;
padding-left : 15px;
background : t
ransparent#CCD7FF url("http://blog34.fc2.com/template/cfdn_09/image/icon_permalink.gif") left center no-repeat;
}
div.entry-body {
padding : 5px;
word-break: break-all; overflow:auto;}
〜 div.entry-adsense { margin : 3em 0 1.5em 0;
text-align :center; }
〜li.entry-comment {
margin : 0
0.3em;
padding-left : 15px; background : transparent url("http://blog34.fc2.com/template/cfdn_09/image/icon_comment.gif") left center no-repeat;}
li.entry-trackback {
margin : 0
0.3em;
padding-left : 15px; background : transparent url("http://blog34.fc2.com/template/cfdn_09/image/icon_trackback.gif") left center no-repeat;}
〜
h4.trackback-header { margin : 0.5em 0; font-weight:bold;border-top : 1px solid #e3dcd0;}
〜
h4.comment-header { margin : 0.5em 0; font-weight:bold;border-top : 1px solid #e3dcd0;}
〜
ul.navi {
margin : 5em
50;
padding : 0;
list-style-type : none;
text-align : center;
background-color : #ffffff;}
〜/* ===== セカンダリカラム ===== */
div.secondary-column {
float :
rightleft; width :
200px180px; background-color : #ffffff;}
div.secondary-column h3 {
padding-top : 0.2em;
font-family : "Helvetica", "Arial", sans-serif;
font-weight : bold;
border-top :
5px1px solid #07b;
}
div#appendix-adsense { margin : 1em 0; }
div#categories-archives ul, div#monthly-archives ul, div#links ul {
margin : 1em 0;
list-style-type : square; list-style-position : inside;}
div#categories-archives ul li, div#monthly-archives ul li, div#links ul li {
padding-left : 15px; list-style-type : square; list-style-position : inside;}
〜/* =====thirdカラム ===== */ /****/div.third-column { float : left; width : 160px; background-color : #ffffff;}div.third-column h3 { padding-top : 0.2em; font-family : "Helvetica", "Arial", sans-serif; font-weight : bold; border-top : 1px solid #07b;}/* ===== アンカー ===== */
a { text-decoration : none; }
a:link {
color : #07b;
}
a:visited {
color :
#07b#009900;}
〜/* ===== テーブル ===== */
〜table {
margin : 0.5em 0;}
table, tr, th, td {
border-collapse : collapse; border : 1px solid #e3dcd0;}
caption { text-align : right; }
th { font-weight : bold; }
th, td {
padding : 0.5em;}caption, th, td { _font-size : 75%; }
〜/*****ツリー*****/〜
コメントの投稿