MovableTypeテンプレート 2Column Gray

テンプレート利用規約

  • テンプレート素材の著作権はシックス・アパートにあります。著作権表示（リンク）をはずすことは禁止致します。
  • アットスタイルのテンプレートを使用した際に生じた不具合、トラブルに関して当サイトおよびシックス・アパートは一切責任を負いません。

【平成17年6月11日改定】【平成19年2月21日改定】

2Column Gray

オリジナル MovableType テンプレート 2Column Gray

バージョン3.171から3.2へのアップグレード向け

2Column1のスタイルシートを変更、グラフィックを追加したクールな2段カラムです。SEO対策を考慮した本文・サイドバーのHTML記述順序。簡単なスタイルシートの編集(スタイルシート内に記述済み)でサイドバーは左側にも変更が可能です。

【8月18日スタイルシート更新】

  • IE5及び5.5での左寄りを修正
clear

Valid XHTML 1.0!　 Valid CSS!

実際の画面を見る　2Column Gray

一括ダウンロード　2ColumnGray.zip(20,940B)

スタイルシート以外の各テンプレートフッターのCopyright以下の部分は各自変更ください。

3.2以降で使用される場合にはテンプレート・モジュールにRemember Meを作成してください。

メインページ（Main Index）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<title><$MTBlogName$></title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />


<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>

<!-- inbox Begin -->
<div id="inbox">

<!-- banner Begin -->
<div id="banner">

<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<span class="description"><$MTBlogDescription$></span>
</div>

<!-- banner End -->



<!-- Content Begin -->

<div id="content">

<div class="blog">

<MTEntries lastn="5">

<$MTEntryTrackbackData$>

<MTDateHeader>
<div class="date"><$MTEntryDate format="%B %d, %Y"$></div>

</MTDateHeader>

<h2 class="title" title="<$MTEntryTitle$>"><$MTEntryTitle$></h2>


<div class="blogbody">
<$MTEntryBody$>

<MTEntryIfExtended>
<span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading</a></span><br />

</MTEntryIfExtended>
</div>


<p class="posted">投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</p>

</MTEntries>
</div>
</div>
<!-- Content End -->

<!-- links Begin -->

<div id="links">
<div class="sidebar">


<div id="calendar">

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>



<div id="categories">
<h2>Categories</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>

<h2>Archives</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

<h2>Recent Entries</h2>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>



<h2>Recent Comments</h2>
<ul>
<MTEntries recently_commented_on="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments>
<$MTCommentAuthor$> [<$MTCommentDate format="%m/%d %X"$>]<br />
</MTComments>
</li>
</MTEntries>
</ul>


<h2>Recent TrackBack</h2>
<ul>
<MTPings lastn="10">
<li>
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$></li>
</MTPings>
</ul>


<h2>Search</h2>
 
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">このサイトの検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>
</div>


<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>

<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div id="powered">
Powered by<br /><a href="http://www.movabletype.jp">Movable Type <$MTVersion$></a><br /><a href="http://atstyle.biz/">Designed by @Style</a><br />    
</div>

</div>


</div>

<!-- links end -->

<!-- footer Begin -->

<div id="footer">
<address>Copyright&copy;2005 yourdomain.com. All Rights Reserved.</address>
</div>
<!-- footer End -->

</div>
<!-- inbox End -->

</body>
</html>

スタイルシート（Stylesheet）

/* 全体 */

/* 全体 */

body {
    background-color: #ffffff;
    text-align: center;
    margin: 0px;
    padding: 10px;
} 


/* リンク関連 */

A                { color: #6699CC; text-decoration: none; background: none;}
A:link           { color: #6699CC; text-decoration: none; background: none;}
A:link:hover     { color: #999999; text-decoration: none; background: none;}
A:link:active    { color: #000000; text-decoration: none; background: none;}

A:visited        { color: #6699CC; text-decoration: none; background: none;}
A:visited:hover  { color: #999999; text-decoration: none; background: none;}
A:visited:active { color: #000000; text-decoration: none; background: none;}


/* 見出し */

h1,h2,h3 {
    margin: 0px;
    padding: 0px;
}


/* 全体を囲う箱 */


#inbox {
    background-color: #f6f6f6;
    text-align: left;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    background: #F6F6F6;
    border: 1px solid #333333;
}



/* バナー */

#banner {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    background-image: url(imggray/top.jpg);
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 1em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    padding-bottom: 5px;
    height: 70px;
}
#banner A        {
    text-decoration: none;
    color: #FFFFFF;
}
#banner A:link   {
    color: #FFFFFF;
    text-decoration: none;
}
#banner A:link:hover     {
    text-decoration: none;
    color: #FFFF99;
}
#banner A:link:active    {
    color: #FFFF99;
    text-decoration: none;
}

#banner A :visited        {
    color: #FFFFFF;
    text-decoration: none;
}
#banner A :visited:hover  {
    color: #FFFF99;
    text-decoration: none;
}
#banner A :visited:active {
    color: #FFFF99;
    text-decoration: none;
}

.description {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.9em;
    color: #FFFFFF;
    text-align: right;
}


/* レイアウト */






/* 左サイドバーの場合(現在の設定はこちらです) */

#links {
    margin-top: 5px;
    padding-left: 5px;
    margin-right: 10px;
    width: 170px;
    float: left;
}

#content {
    margin: 5px 0px 0px 5px;
    padding: 0px 10px 0px 15px;
    width: 470px;
    float: left;
}

/* 右サイドバーの場合、#links #contentの指定を以下のようしてください */
/*
#links {
    margin-top: 5px;
    padding-left: 5px;
    margin-right: 10px;
    width: 170px;
    float: right;
}

#content {
    margin: 5px 0px 0px 5px;
    padding: 0px 10px 0px 15px;
    width: 470px;
    float: right;
}
*/


#footer {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    color: #ffffff;
    background-color: #999999;
    text-align: center;
    margin-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 15px;
    clear: both;
}

address {
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
}



/* 記事まわり */

.blog {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    background: none;
}


.blogbody {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #666666;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    padding: 0.5em;
    margin-bottom: 0.5em;
    background: none;
}


.date {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #999999;
    text-align: right;
    margin: 0.5em 0em 0.5em 0em;
}


.title {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #999999;
    padding-top: 5px;
    border-top: 1px solid #666666;
}


#content h2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #999999;
    margin-bottom: 5px;
}

blockquote {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: dotted;
    border-color: #333333;
    padding: 10px;
}



.sign {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    color: #666666;
    margin-bottom: 10px;
}

.posted {
    background: none;
    color:#666666;
    font-family:Verdana, Arial, sans-serif;
    font-size: 0.7em;
    font-weight:normal;
}


.extended {
    color:#666666;
    display:block;
    float:right;
    font-family: Verdana, Arial, sans-serif;
    font-size:1em;
    font-style:normal;
}


/* サイドバー */


#calendar {
    line-height: 140%;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    padding: 2px;
    text-align: center;
    margin-bottom: 5px;
    }

#calendar table {
    padding: 2px;
    border-collapse: collapse;
    border: 0px;
    width: 100%;
    }

#calendar caption {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #999999;
    background-image: url(imggray/sh2.gif);
    background-repeat: no-repeat;
    text-align: left;
    padding-top: 0.25em;
    padding-left: 1.7em;
    padding-bottom: 3px;
}

#calendar th {
    text-align: center;
    font-weight: normal;
    }

#calendar td {
    text-align: center;
    }



.sidebar h2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #999999;
    background-image: url(imggray/sh2.gif);
    background-repeat: no-repeat;
    padding-top: 0.25em;
    padding-left: 1.5em;
    padding-right: 0.25em;
    padding-bottom: 0.1em;
}

.sidebar ul {
    padding-left: 5px;
    margin: 0px;
    margin-bottom: 20px;
    }

.sidebar ul ul {
    margin-bottom: 0px;
    }

.sidebar #categories ul {
    padding-left: 5px;
    }
    

.sidebar li {
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    text-align: left;
    line-height: 150%;
    margin-top: 3px;
    list-style-type: none;
    }

.sidebar #categories li {
    list-style-type: none;
    }

.sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar img {
    border-style: none;
    padding: 3px;
}

.photo {
    text-align: left;
    margin-bottom: 20px;
    }

.link-note {
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    line-height: 150%;
    text-align: left;
    padding: 2px;
    color: #666666;
    }

#powered {
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    color: #666666;
    text-align: left;
    line-height: 150%;
    margin-top: 20px;
    margin-bottom: 40px;
}



/* アーカイブのページ関連 */

#menu {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    padding: 0.5px;
}


.comments-body {
    background: none;
    color:#666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight:normal;
    line-height:1.5em;
    margin:0.5em;
    padding:0.5em;
}


.comments-post {
    background: none;
    color:#666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight:normal;
}


.comments-head {
    border-bottom: 1px solid #333333;
    color: #666666; 
    font-family: Verdana, Arial, sans-serif;
    font-weight:bold;
}

.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
    }


/* Mac IE テキストエリア文字化け対策 */

select,input,textarea {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* @Style http://atstyle.biz/ */

カテゴリーアーカイブ（Category Archive）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<title><$MTBlogName$>: <$MTArchiveTitle$> Archives</title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />



</head>

<body>

<!-- inbox Begin -->
<div id="inbox">

<!-- banner Begin -->

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<span class="description"><$MTBlogDescription$></span>

</div>
<!-- banner End -->




<!-- container Begin -->
<div id="content">

<div class="blog">

<MTEntries>
<$MTEntryTrackbackData$>

<MTDateHeader>
<h2 class="date"><$MTEntryDate format="%B %d, %Y"$></h2>
</MTDateHeader>

<a name="<$MTEntryID pad="1"$>"></a>

<h3 class="title"><$MTEntryTitle$></h3>



<div class="blogbody">

<$MTEntryBody$>

<MTEntryIfExtended>
<$MTEntryMore$>
</MTEntryIfExtended>

</div>
<p class="posted">
投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック(<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</p>
</MTEntries>
</div>
</div>
<!-- container End -->


<!-- links Begin -->
<div id="links">
<div class="sidebar">

<div id="calendar">

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>



<h2>Archives</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

<h2>Recent Entries</h2>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>



<h2>Recent Comments</h2>
<ul>
<MTEntries recently_commented_on="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments>
<$MTCommentAuthor$> [<$MTCommentDate format="%m/%d %X"$>]<br />
</MTComments>
</li>
</MTEntries>
</ul>


<h2>Recent TrackBack</h2>
<ul>
<MTPings lastn="10">
<li>
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$></li>
</MTPings>
</ul>



<h2>Search</h2>
 
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">このサイトの検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>
</div>





<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>

<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div id="powered">
Powered by<br /><a href="http://www.movabletype.jp">MovableType <$MTVersion$></a><br /><a href="http://atstyle.biz/">Designed by @Style</a><br />    
</div>
</div>



</div>
<!-- links End -->


<!-- footer Begin -->
<div id="footer">
<address>Copyright&copy;2005 yourdomain.com. All Rights Reserved.</address>
</div>
<!-- footer End -->

</div>
<!-- inbox End -->

</body>
</html>

個別エントリーアーカイブ（Individual Entry Archive）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<title><$MTBlogName$>: <$MTEntryTitle$></title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />

<link rel="start" href="<$MTBlogURL$>" title="Home" />

<MTEntryPrevious>
<link rel="prev" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" />
</MTEntryPrevious>

<MTEntryNext>
<link rel="next" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" />
</MTEntryNext>

<MTInclude module="Remember Me">

<$MTEntryTrackbackData$>

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>

<!-- inbox Begin -->
<div id="inbox">

<!-- banner Begin -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>

<span class="description"><$MTBlogDescription$></span>
</div>
<!-- banner End -->




<!-- container Begin -->
<div id="content">

<div class="blog">

<div id="menu">
<MTEntryPrevious>
<a href="<$MTEntryPermalink$>">&laquo; <$MTEntryTitle$></a> |
</MTEntryPrevious>
<a href="<$MTBlogURL$>">Main</a>

<MTEntryNext>
| <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> &raquo;</a>
</MTEntryNext>
</div>

</div>


<div class="blog">

<h2 class="date"><$MTEntryDate format="%B %d, %Y"$></h2>

<h3 class="title"><$MTEntryTitle$></h3>


<div class="blogbody">

<$MTEntryBody$>

<a name="more"></a>
<$MTEntryMore$>

</div>
<p class="posted">投稿者 <$MTEntryAuthor$> : <$MTEntryDate$></p>

<div class="sign"><MTEntryIfAllowPings>
<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">このエントリーのトラックバックURL:<br />
<input accesskey="B" tabindex="1" type="text" value="<$MTEntryTrackbackLink$>" readonly="readonly" id="trackback-url" name="trackback-url" size="50" /></p>

<MTIfNonZero tag="MTEntryTrackbackCount">
<p>このリストは、次のエントリーを参照しています:  <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>:</p>

<MTPings>
<p id="p<$MTPingID$>">
&raquo; <a href="<$MTPingURL$>"><$MTPingTitle$></a> from <$MTPingBlogName$><br />
<$MTPingExcerpt$> <a href="<$MTPingURL$>">[続きを読む]</a>
</p>
<p class="posted">トラックバック時刻:  <$MTPingDate$></p>
</MTPings>
</MTIfNonZero>
</MTEntryIfAllowPings>

<MTEntryIfAllowComments>

<h2 id="comments">コメント</h2>

<MTComments>
<div id="c<$MTCommentID$>">
<$MTCommentBody$>
</div>
<p class="posted">投稿者 <$MTCommentAuthorLink default_name="Anonymous" spam_protect="1"$> <MTCommentAuthorIdentity> : <$MTCommentDate$></p>
</MTComments>

<MTEntryIfCommentsOpen>

<MTIfCommentsAllowed>

<h2>コメントしてください</h2>

<MTIfRegistrationRequired>

<MTIfNonEmpty tag="MTTypeKeyToken">
<div id="thanks">
<p>サイン・インを確認しました、
<script type="text/javascript" src="<MTCGIPath><MTCommentScript>?__mode=cmtr_name_js"></script><script>document.write(commenter_name);</script>.
さん。コメントしてください。<br /> (<a href="<$MTRemoteSignOutLink static="1"$>">サイン・アウト</a>)</p>

(いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />

<p><label for="url">URL:</label><br />
<input tabindex="1" type="text" name="url" id="url" />
情報を登録する?
<input type="radio" id="remember" name="bakecookie" onclick="rememberMe(this.form)" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" />

</p>

<p><label for="text">コメント:</label><br />
<textarea tabindex="2" id="text" name="text" rows="10" cols="40"></textarea></p>

<div align="center">
<input type="submit" tabindex="3" name="preview" value="&nbsp;確認&nbsp;" />
<input tabindex="4" type="submit" name="post" value="&nbsp;投稿&nbsp;" />
</div>
</form>

</div>

<script language="javascript" type="text/javascript">
<!--
if (commenter_name) {
    document.getElementById('thanks').style.display = 'block';
} else {
    document.write('サイン・インしていません。このサイトにコメントをする前に登録してください。 <a href="<$MTRemoteSignInLink static="1"$>"> サイン・イン</a>');
    document.getElementById('thanks').style.display = 'none';
}
// -->
</script>

<MTElse>
コメント登録機能を利用するには、TypeKey トークンを設定してください。
</MTElse>
</MTIfNonEmpty>

<MTElse> <MTTemplateNote value="Case of comments not required">

<MTIfNonEmpty tag="MTTypeKeyToken">
<script type="text/javascript" src="<MTCGIPath><MTCommentScript>?__mode=cmtr_name_js"></script>
<script language="javascript" type="text/javascript">
<!--
if (commenter_name) {
    document.write('サイン・インを確認しました、', commenter_name, 'さん。コメントしてください。 (<a href="<$MTRemoteSignOutLink static="1"$>">サイン・アウト</a>)');
} else {
    document.write('TypeKey ID を使って <a href="<$MTRemoteSignInLink static="1"$>"> サイン・イン</a> してください。');
}
// -->
</script>
</MTIfNonEmpty>

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />

<div id="name_email">
<p><label for="author">名前:</label><br />
<input tabindex="1" id="author" name="author" /></p>

<p><label for="email">メールアドレス:</label><br />
<input tabindex="2" id="email" name="email" /></p>
</div>

<MTIfNonEmpty tag="MTTypeKeyToken">
<script language="javascript" type="text/javascript">
<!--
if (commenter_name) {
    document.getElementById('name_email').style.display = 'none';
}
// -->
</script>
</MTIfNonEmpty>

<p><label for="url">URL:</label><br />
<input tabindex="3" type="text" name="url" id="url" />
保存しますか?
<input type="radio" id="remember" onclick="rememberMe(this.form)" name="bakecookie" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" />
</p>

<p><label for="text">コメント:</label> <MTIfAllowCommentHTML>
(書式を変更するような一部のHTMLタグを使うことができます)</MTIfAllowCommentHTML><br/>
<textarea tabindex="4" id="text" name="text" rows="10" cols="40"></textarea></p>

<div align="center">
<input type="submit" name="preview" tabindex="5" 
    value="&nbsp;確認&nbsp;" />
<input style="font-weight: bold;" type="submit" name="post" 
    tabindex="6" value="&nbsp;投稿&nbsp;" />
</div>
</form>

</MTElse>

</MTIfRegistrationRequired>
</MTIfCommentsAllowed>

<script type="text/javascript" language="javascript">
<!--
if (document.comments_form.email != undefined)
    document.comments_form.email.value = getCookie("mtcmtmail");
if (document.comments_form.author != undefined)
    document.comments_form.author.value = getCookie("mtcmtauth");
if (document.comments_form.url != undefined)
    document.comments_form.url.value = getCookie("mtcmthome");
if (getCookie("mtcmtauth") || getCookie("mtcmthome")) {
    document.comments_form.bakecookie[0].checked = true;
} else {
    document.comments_form.bakecookie[1].checked = true;
}
//-->
</script>
</MTEntryIfCommentsOpen>

</MTEntryIfAllowComments></div>
</div>
</div>
<!-- container End -->

<!-- footer Begin -->


<!-- links Begin -->
<div id="links">
<div class="sidebar">

<div id="calendar">

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>



<div id="categories">
<h2>Categories</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>

<h2>Archives</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

<h2>Recent Entries</h2>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>



<h2>Recent Comments</h2>
<ul>
<MTEntries recently_commented_on="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments>
<$MTCommentAuthor$> [<$MTCommentDate format="%m/%d %X"$>]<br />
</MTComments>
</li>
</MTEntries>
</ul>


<h2>Recent TrackBack</h2>
<ul>
<MTPings lastn="10">
<li>
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$></li>
</MTPings>
</ul>



<h2>Search</h2>
 
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">このサイトの検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>
</div>





<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>

<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div id="powered">
Powered by<br /><a href="http://www.movabletype.jp">MovableType <$MTVersion$></a><br /><a href="http://atstyle.biz/">Designed by @Style</a><br />    
</div>
</div>



</div>
<!-- links End -->


<div id="footer">
<address>Copyright&copy;2005 yourdomain.com. All Rights Reserved.</address>
</div>
<!-- footer End -->

</div>
<!-- inbox End -->

</body>
</html>

日付アーカイブ（Date-Based Archive）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<title><$MTBlogName$>: <$MTArchiveTitle$> Archives</title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />
<link rel="start" href="<$MTBlogURL$>" title="Home" />

<MTArchivePrevious>
<link rel="prev" href="<$MTArchiveLink$>" title="<$MTArchiveTitle encode_html="1"$>" />
</MTArchivePrevious>

<MTArchiveNext>
<link rel="next" href="<$MTArchiveLink$>" title="<$MTArchiveTitle encode_html="1"$>" />
</MTArchiveNext>


</head>

<body>

<!-- inbox Begin -->

<div id="inbox">

<!-- banner Begin -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>

<span class="description"><$MTBlogDescription$></span>
</div>
<!-- banner End -->


<!-- container Begin -->
<div id="content">

<div class="blog">

<div id="menu">
<MTArchivePrevious>
<a href="<$MTArchiveLink$>">&laquo; <$MTArchiveTitle$></a> |
</MTArchivePrevious>
<a href="<$MTBlogURL$>">Main</a>

<MTArchiveNext>
| <a href="<$MTArchiveLink$>"><$MTArchiveTitle$> &raquo;</a>
</MTArchiveNext>
</div>

</div>

<div class="blog">
<MTEntries>
<$MTEntryTrackbackData$>

<MTDateHeader>
<h2 class="date"><$MTEntryDate format="%B %d, %Y"$></h2>

</MTDateHeader>

<a name="<$MTEntryID pad="1"$>"></a>

<h3 class="title"><$MTEntryTitle$></h3>



<div class="blogbody">

<$MTEntryBody$>

<MTEntryIfExtended>
<$MTEntryMore$>
</MTEntryIfExtended>

</div>
<p class="posted">
投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック(<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</p>
</MTEntries>
</div>
</div>
<!-- container End -->


<!-- links Begin -->
<div id="links">
<div class="sidebar">

<div id="calendar">

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>



<div id="categories">
<h2>Categories</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>

<h2>Archives</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

<h2>Recent Entries</h2>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>






<h2>Recent TrackBack</h2>
<ul>
<MTPings lastn="10">
<li>
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$></li>
</MTPings>
</ul>



<h2>Search</h2>
 
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">このサイトの検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>
</div>





<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>

<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div id="powered">
Powered by<br /><a href="http://www.movabletype.jp">Movable Type <$MTVersion$></a><br /><a href="http://atstyle.biz/">Designed by @Style</a><br />    
</div>
</div>



</div>
<!-- links End -->


<!-- footer Begin -->
<div id="footer">
<address>Copyright&copy;2005 yourdomain.com. All Rights Reserved.</address>
</div>
<!-- footer End -->

</div>
<!-- inbox End -->

</body>
</html>

＊個別にダウンロードされた場合には、バックグラウンド画像を別途ダウンロードする必要があります。

バックグラウンド画像（imggray.lzh）をダウンロード
imggray.lzh

ダウンロードした画像は、スタイルシートのあるディレクトリにimggrayというディレクトリを作成し、その中に格納してください。解凍後、現れるフォルダごとではなく、解凍されたフォルダの中の画像をスタイルシートのあるディレクトリに作ったimggrayフォルダに格納してください。

>> その他のテンプレート

新作も開発中

現在、新たなMovableTypeテンプレートも開発中です。ご希望がありましたら、アットスタイルまでお知らせください。

スポンサード リンク

ページ先頭へ

MovableType

Support

Feed

RDF Site Summary

共同執筆書籍

  • Movable Type プロフェッショナル・スタイル MT4.1対応

ユニバーサルデザイン

  • ピクトグラムの利用と普及を考える会

みんなで止めよう温暖化

チーム・マイナス6%

ページ先頭へ