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

バージョン3.171から3.2へのアップグレード向け
商用テンプレートにも使用したバナー画像とカラーの2段カラムテンプレートです。簡単なスタイルシートの編集(スタイルシート内に記述済み)でサイドバーは右側にも変更が可能です。
【8月18日スタイルシート更新】
- IE5及び5.5での左寄りを修正
- フォントサイズをemより%に変更
- サイドバー幅200pxに変更
実際の画面を見る 2ColumnFlower
一括ダウンロード 2ColumnFlower.lzh(21,098B)
スタイルシート以外の各テンプレートフッターの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="%Y年 %m月 %e日"$></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">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>
スタイルシート(Stylesheet)
/* 全体 */
body {
background-color: #ffffff;
text-align: center;
margin: 0px;
padding: 10px;
}
/* リンク関連 */
A { color: #669933; text-decoration: none; background: none;}
A:link { color: #669933; text-decoration: none; background: none;}
A:link:hover { color: #FF6600; text-decoration: none; background: none;}
A:link:active { color: #000000; text-decoration: none; background: none;}
A:visited { color: #669933; text-decoration: none; background: none;}
A:visited:hover { color: #FF6600; text-decoration: none; background: none;}
A:visited:active { color: #000000; text-decoration: none; background: none;}
/* 見出し */
h1,h2,h3 {
margin: 0px;
padding: 0px;
}
/* 全体を囲う箱 */
#inbox {
text-align: left;
padding: 0px;
margin-left: auto;
margin-right: auto;
width: 750px;
background: #FFFFFF;
border: 1px solid #003366;
}
/* バナー */
#banner {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
color: #003366;
background-color: #FFFFFF;
background-image: url(2cftop.jpg);
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
height: 60px;
}
.description {
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
color: #003366;
}
/* レイアウト */
/* 右サイドバーの場合(現在の設定はこちらです) */
#links {
margin-top: 5px;
padding-left: 0;
margin-right: 10px;
width: 200px;
float: right;
}
#content {
background-color: #F6F6F6;
margin: 5px 0px 0px 5px;
padding: 0;
width: 530px;
float: right;
}
/* 左サイドバーの場合、#links #contentの指定を以下のようしてください */
/*
#links {
margin-top: 5px;
padding-left: 0;
margin-left: 10px;
width: 200px;
float: left;
}
#content {
background-color: #F6F6F6;
margin: 5px 5px 0px 0px;
padding: 0;
width: 530px;
float: left;
}
*/
#footer {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #003366;
padding-top: 8px;
padding-bottom: 5px;
clear: both;
}
address {
font-size: 80%;
color: #003300;
}
/* 記事まわり */
.blog {
background-color: #ffffff;
margin: 0px;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
background: none;
}
.blogbody {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
color: #003300;
line-height: 1.5em;
letter-spacing: 0.05em;
padding: 0.5em;
margin-bottom: 0.5em;
background: none;
}
.date{
color: #003300;
font-family:Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
margin: 0.5em 0em 0.5em 0em;
}
.title{
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
color: #003300;
padding-top: 5px;
border-top: 1px solid #e5e5e5;
}
#content h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
color: #003300;
padding-top: 5px;
border-top: 1px solid #e5e5e5;
}
.sign {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
color: #003300;
margin-bottom: 10px;
}
.posted {
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
font-weight: normal;
color: #003300;
clear: both;
background: none;
}
.extended {
color:#003300;
display:block;
float:right;
font-family: Verdana, Arial, sans-serif;
font-size:100%;
font-style:normal;
}
#content .imageleft{
padding-right: 10px;
float: left;
}
#content .imageright{
padding-left: 10px;
float: right;
}
/* サイドバー */
#calendar {
line-height: 140%;
color: #003300;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
padding: 0;
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: 80%;
font-weight: bold;
color: #FFFFFF;
background-color: #99CC66;
text-align: left;
border-width: 1px;
border-style: solid;
border-top-color: #99CC66;
padding: 0.25em;
border-left-color: #99CC66;
border-right-color: #669933;
border-bottom-color: #669933;
margin-bottom: 5px;
}
#calendar th {
text-align: center;
font-weight: normal;
}
#calendar td {
text-align: center;
}
.sidebar h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
color: #FFFFFF;
background-color: #99CC66;
text-align: left;
border-width: 1px;
border-style: solid;
border-top-color: #99CC66;
padding: 0.25em;
border-left-color: #99CC66;
border-right-color: #669933;
border-bottom-color: #669933;
}
.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: #003300;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
text-align: left;
line-height: 150%;
margin-top: 0.1em;
list-style-type: none;
}
.sidebar #categories li {
list-style-type: none;
}
.sidebar {
padding-left: 0px;
padding-right: 0px;
}
.sidebar img {
border: 3px solid #FFFFFF;
}
.photo {
text-align: left;
margin-bottom: 20px;
}
.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
line-height: 150%;
text-align: left;
padding: 2px;
color: #003300;
}
#powered {
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
color: #003300;
text-align: left;
line-height: 150%;
margin-top: 30px;
margin-bottom: 40px;
}
/* アーカイブのページ関連 */
#menu {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
padding: 0.5px;
}
.comments-body {
background: none;
color:#003300;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
font-weight:normal;
line-height:1.5em;
margin:0.5em;
padding:0.5em;
}
.comments-post {
background: none;
color:#003300;
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight:normal;
}
.comments-head{
border-bottom: 1px solid #e5e5e5;
color: #003300;
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="%Y年 %m月 %e日"$></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">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>
個別エントリーアーカイブ(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="%Y年 %m月 %e日"$></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">Movable Type <$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="%Y年 %m月 %e日"$></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>
*個別にダウンロードされた場合には、バックグラウンド画像を別途ダウンロードする必要があります。
バックグラウンド画像(2cftop.lzh)をダウンロード
2cftop.lzh
ダウンロードした画像は、解凍後、現れるフォルダごとではなく、解凍されたフォルダの中の画像(2cftop.jpg)をスタイルシートのあるディレクトリにアップロードしてください。
新作も開発中
現在、新たなMovableTypeテンプレートも開発中です。ご希望がありましたら、アットスタイルまでお知らせください。
![Web標準 Webサイト制作 [アットスタイル] アットスタイル](webimg/atstylelogo.png)


