璽慧魔blog

日記です、日記。

RSS

注目  

Entries

もういいやこれで

テンプレをいじったやつをまとめる。
オレンジは追加、は削除、は注意。は略。

html


<?xml version="1.0" encoding="EUC-JP"?>

<link rel="shortcut icon" href="ここに画像のURL">


</head>

<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">&laquo;&laquo;</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">&raquo;&raquo;</a></li><!--/nextpage-->
<!--/not_permanent_area-->
<!--permanent_area-->
<!--nextentry-->
    <li class="prev"><a href="<%nextentry_url>" title="前の記事「<%nextentry_title>」に移動する" accesskey="2">&laquo;&laquo;</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">&raquo;&raquo;</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 : transparent#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%; }

/*****ツリー*****/
  • ブックマークに追加する
  • このエントリーを含むはてなブックマーク
  • この記事をクリップ!
  • トピックイットに投稿する
  • newsing it!
この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://unikurouni.blog34.fc2.com/tb.php/354-1816b14c

0件のトラックバック

0件のコメント

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Appendix

検索


ブログパーツ



他の奴

プロフィール

Author:璽慧魔

リンク

Appendix

広告

ランダム

Powerd by fun9.net

いろいろ

Google PageRank 表示サービス@RANK 人気ブログランキング - 璽慧魔blog

  • seo

あわせて読みたい