MovableTypeテンプレート 2Column Gray
テンプレート利用規約
- テンプレート素材の著作権はシックス・アパートにあります。著作権表示(リンク)をはずすことは禁止致します。
- アットスタイルのテンプレートを使用した際に生じた不具合、トラブルに関して当サイトおよびシックス・アパートは一切責任を負いません。
【平成17年6月11日改定】【平成19年2月21日改定】
2Column Gray

バージョン3.171から3.2へのアップグレード向け
2Column1のスタイルシートを変更、グラフィックを追加したクールな2段カラムです。SEO対策を考慮した本文・サイドバーのHTML記述順序。簡単なスタイルシートの編集(スタイルシート内に記述済み)でサイドバーは左側にも変更が可能です。
【8月18日スタイルシート更新】
- IE5及び5.5での左寄りを修正
実際の画面を見る 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> </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©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: "MS Pゴシック", 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> </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©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$>">« <$MTEntryTitle$></a> |
</MTEntryPrevious>
<a href="<$MTBlogURL$>">Main</a>
<MTEntryNext>
| <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</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$>">
» <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=" 確認 " />
<input tabindex="4" type="submit" name="post" value=" 投稿 " />
</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=" 確認 " />
<input style="font-weight: bold;" type="submit" name="post"
tabindex="6" value=" 投稿 " />
</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> </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©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$>">« <$MTArchiveTitle$></a> |
</MTArchivePrevious>
<a href="<$MTBlogURL$>">Main</a>
<MTArchiveNext>
| <a href="<$MTArchiveLink$>"><$MTArchiveTitle$> »</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> </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©2005 yourdomain.com. All Rights Reserved.</address>
</div>
<!-- footer End -->
</div>
<!-- inbox End -->
</body>
</html>
*個別にダウンロードされた場合には、バックグラウンド画像を別途ダウンロードする必要があります。
バックグラウンド画像(imggray.lzh)をダウンロード
imggray.lzh
ダウンロードした画像は、スタイルシートのあるディレクトリにimggrayというディレクトリを作成し、その中に格納してください。解凍後、現れるフォルダごとではなく、解凍されたフォルダの中の画像をスタイルシートのあるディレクトリに作ったimggrayフォルダに格納してください。
新作も開発中
現在、新たなMovableTypeテンプレートも開発中です。ご希望がありましたら、アットスタイルまでお知らせください。
![Web標準 Webサイト制作 [アットスタイル] アットスタイル](webimg/atstylelogo.png)



