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

バージョン3.171から3.2へのアップグレード向け
シンプルなスタイル3段カラムです。サイドにh2は使用せずsidetitleを使用しました。
【リメンバーミー部分の追加記述を行いましたので2.Xからのバージョンアップの方も可能です。】
3.151用は別途用意いたしました。幅は固定・伸縮両対応です!
注意:(Win IEの場合5.5以前では画面左寄りとなります)
実際の画面を見る 3Column1
一括ダウンロード 3Column1.lzh(18,312B)
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 -->
<!-- links Begin -->
<div id="links">
<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"
cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"
>Su</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"
>Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>We</span></th>
<th abbr="Thursday" align="center"><span class="calendar"
>Th</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar"
>Sa</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td align="center"><span class="calendar" >
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="Last entry is[<$MTEntryTitle$>]">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<div class="sidetitle">
Archives
</div>
<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a><br
/>
</MTArchiveList>
</div>
<div id="categories">
<div class="sidetitle">Categories</div>
<div class="cat"><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>
</div>
<div class="sidetitle">
Recent Entries
</div>
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<div class="sidetitle">
Recent Comments
</div>
<div class="side">
<MTEntries recently_commented_on="3" sort_order="ascend">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="4">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#<$MTCommentID$>" title="From <$MTCommentAuthor$>">at <$MTCommentDate format="%b %d,%Y"$></a><br />
</MTComments>
</MTEntries>
</div>
<div class="sidetitle">
Recent TrackBack
</div>
<MTPings lastn="3">
<div class="side">
<a href="<$MTPingURL$>" target="new"><$MTPingTitle$></a><br />
From:<$MTPingBlogName$>
</div>
</MTPings>
</div>
<!-- links End -->
<!-- links-right Begin -->
<div id="links-right">
<div class="sidetitle">
Search
</div>
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">Search this site:</label><br />
<input id="search" name="search" size="15" tabindex="1" value="" /><br />
<input type="submit" value="Search" tabindex="2" accesskey="0" />
</form>
</div>
<div class="sidetitle">
Links
</div>
<div class="side">
<a href="<$MTBlogURL$>" title="Add Your Links Here">Add Your Links Here</a><br />
</div>
<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>
</div>
<!-- links-right End -->
<!-- Content Begin -->
<div id="content">
<div class="blog">
<MTEntries lastn="5">
<$MTEntryTrackbackData$>
<MTDateHeader>
<h2 class="date"><$MTEntryDate format="%B %d, %Y"$></h2>
</MTDateHeader>
<h3 class="title"><$MTEntryTitle$></h3>
<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 -->
<!-- footer Begin -->
<div id="footer">
<a href="http://www.movabletype.org">
<img title="Movable Type <$MTVersion$>" alt="Movable Type <$MTVersion$>" src="<$MTCGIPath$>mtimg/mt-powered.gif" width="137" height="32" border="0" />
</a>
<a href="http://atstyle.biz/">
<img alt="Designed by @Style" title="Designed by @Style" src="<$MTCGIPath$>mtimg/design.gif" width="137" height="32" border="0" />
</a>
</div>
<!-- footer End -->
</div>
<!-- inbox End -->
</body>
</html>
スタイルシート(Stylesheet)
/* 全体 */
body {
background-color: #FFFFFF;
margin: 0px;
padding: 10px;
}
/* リンク関連 */
A { color: #8FABBE; text-decoration: none; background: none;}
A:link { color: #8FABBE; 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: #8FABBE; 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: #FFFFFF;
border: 1px solid #e5e5e5;
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
/* 画面全体に表示する場合は下の様に設定してください */
/*
#inbox {
background: #FFFFFF;
border: 1px solid #e5e5e5;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 99%;
}
*/
/* バナー */
#banner {
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #666666;
background-color: #FFFFFF;
padding-top: 5px;
padding-left: 10px;
margin-bottom: 1em;
padding-bottom: 5px;
}
.description {
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
color: #999999;
}
/* レイアウト */
#links {
margin-top: 5px;
padding-left: 5px;
margin-right: 5px;
width: 160px;
float: left;
}
#links-right {
margin-top: 5px;
margin-left: 5px;
padding-right: 5px;
width: 180px;
float: right;
}
#content {
margin: 5px 195px 0px 175px;
padding: 0px 5px 0px 5px;
}
#footer {
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e5e5e5;
padding-top: 8px;
padding-bottom: 5px;
clear: both;
}
/* 記事まわり */
.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 {
color: #999999;
font-family:Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
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 #e5e5e5;
}
#content h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #999999;
text-align: left;
margin-bottom: 5px;
}
.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;
}
/* サイドバー */
.sidetitle {
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #999999;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 0.3em;
background: none;
}
.side {
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight:normal;
line-height:1.5em;
margin-bottom:0.5em;
padding:0.5em;
}
.cat ul {font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
color: #666666;
padding-left: 5px;
margin: 0px;
margin-bottom: 20px;
}
.cat ul ul {
font-size: 1em;
padding-left: 10px;
margin-bottom: 0px;
}
.cat li {
text-align: left;
margin-top: 5px;
list-style-type: none;
}
.syndicate {
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight:normal;
line-height:1.5em;
margin-bottom:0.5em;
padding:0.5em;
text-align: center;
}
.powered {
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight:normal;
line-height:1.5em;
margin-bottom:0.5em;
padding:0.5em;
text-align: center;
}
/* カレンダー */
.calendar {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size:0.8em;
font-weight:normal;
margin-bottom:5px;
text-align:center;
}
.calendarhead { font-family: Verdana, Arial, sans-serif;
font-size: 0.85em;
font-weight: bold;
color: #999999;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 0.3em;
background: none;
}
/* アーカイブのページ関連 */
#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 #e5e5e5;
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 -->
<!-- links Begin -->
<div id="links">
<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"
cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"
>Su</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"
>Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>We</span></th>
<th abbr="Thursday" align="center"><span class="calendar"
>Th</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar"
>Sa</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td align="center"><span class="calendar" >
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="Last entry is[<$MTEntryTitle$>]">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<div class="sidetitle">
Archives
</div>
<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a><br
/>
</MTArchiveList>
</div>
<div class="sidetitle">
Recent Entries
</div>
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<div class="sidetitle">
Recent Comments
</div>
<div class="side">
<MTEntries recently_commented_on="3" sort_order="ascend">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="4">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#<$MTCommentID$>" title="From <$MTCommentAuthor$>">at <$MTCommentDate format="%b %d,%Y"$></a><br />
</MTComments>
</MTEntries>
</div>
<div class="sidetitle">
Recent TrackBack
</div>
<MTPings lastn="3">
<div class="side">
<a href="<$MTPingURL$>" target="new"><$MTPingTitle$></a><br />
From:<$MTPingBlogName$>
</div>
</MTPings>
</div>
<!-- links End -->
<!-- links-right Begin -->
<div id="links-right">
<div class="sidetitle">
Search
</div>
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">Search this site:</label><br />
<input id="search" name="search" size="15" tabindex="6" value="" /><br />
<input type="submit" value="Search" tabindex="7" accesskey="0" />
</form>
</div>
<div class="sidetitle">
Links
</div>
<div class="side">
<a href="<$MTBlogURL$>" title="Add Your Links Here">Add Your Links Here</a><br />
</div>
<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>
</div>
<!-- links-right 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 -->
<!-- footer Begin -->
<div id="footer">
<a href="http://www.movabletype.org">
<img title="Movable Type <$MTVersion$>" alt="Movable Type <$MTVersion$>" src="<$MTCGIPath$>mtimg/mt-powered.gif" width="137" height="32" border="0" />
</a>
<a href="http://atstyle.biz/">
<img alt="Designed by @Style" title="Designed by @Style" src="<$MTCGIPath$>mtimg/design.gif" width="137" height="32" border="0" />
</a>
</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>
<script type="text/javascript" language="javascript">
<!--
var HOST = '<$MTBlogHost$>';
// Copyright (c) 1996-1997 Athenia Associates.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.
function setCookie (name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) + (expires ? "; expires=" + expires.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "secure" : "");
document.cookie = curCookie;
}
function getCookie (name) {
var prefix = name + '=';
var c = document.cookie;
var nullstring = '';
var cookieStartIndex = c.indexOf(prefix);
if (cookieStartIndex == -1)
return nullstring;
var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
if (cookieEndIndex == -1)
cookieEndIndex = c.length;
return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}
function deleteCookie (name, path, domain) {
if (getCookie(name))
document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
function fixDate (date) {
var base = new Date(0);
var skew = base.getTime();
if (skew > 0)
date.setTime(date.getTime() - skew);
}
function rememberMe (f) {
var now = new Date();
fixDate(now);
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
if (f.author != undefined)
setCookie('mtcmtauth', f.author.value, now, '/', '', '');
if (f.email != undefined)
setCookie('mtcmtmail', f.email.value, now, '/', '', '');
if (f.url != undefined)
setCookie('mtcmthome', f.url.value, now, '/', '', '');
}
function forgetMe (f) {
deleteCookie('mtcmtmail', '/', '');
deleteCookie('mtcmthome', '/', '');
deleteCookie('mtcmtauth', '/', '');
f.email.value = '';
f.author.value = '';
f.url.value = '';
}
//-->
</script>
<$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 -->
<!-- links Begin -->
<div id="links">
<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"
cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"
>Su</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"
>Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>We</span></th>
<th abbr="Thursday" align="center"><span class="calendar"
>Th</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar"
>Sa</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td align="center"><span class="calendar" >
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="Last entry is[<$MTEntryTitle$>]">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<div class="sidetitle">
Archives
</div>
<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a><br
/>
</MTArchiveList>
</div>
<div id="categories">
<div class="sidetitle">Categories</div>
<div class="cat"><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>
</div>
<div class="sidetitle">
Recent Entries
</div>
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<div class="sidetitle">
Recent Comments
</div>
<div class="side">
<MTEntries recently_commented_on="3" sort_order="ascend">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="4">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#<$MTCommentID$>" title="From <$MTCommentAuthor$>">at <$MTCommentDate format="%b %d,%Y"$></a><br />
</MTComments>
</MTEntries>
</div>
<div class="sidetitle">
Recent TrackBack
</div>
<MTPings lastn="3">
<div class="side">
<a href="<$MTPingURL$>" target="new"><$MTPingTitle$></a><br />
From:<$MTPingBlogName$>
</div>
</MTPings>
</div>
<!-- links End -->
<!-- links-right Begin -->
<div id="links-right">
<div class="sidetitle">
Search
</div>
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">Search this site:</label><br />
<input id="search" name="search" size="15" tabindex="6" value="" /><br />
<input type="submit" value="Search" tabindex="7" accesskey="0" />
</form>
</div>
<div class="sidetitle">
Links
</div>
<div class="side">
<a href="<$MTBlogURL$>" title="Add Your Links Here">Add Your Links Here</a><br />
</div>
<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>
</div>
<!-- links-right 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>.
さん。コメントしてください。 (<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 -->
<div id="footer">
<a href="http://www.movabletype.org">
<img title="Movable Type <$MTVersion$>" alt="Movable Type <$MTVersion$>" src="<$MTCGIPath$>mtimg/mt-powered.gif" width="137" height="32" border="0" />
</a>
<a href="http://atstyle.biz/">
<img alt="Designed by @Style" title="Designed by @Style" src="<$MTCGIPath$>mtimg/design.gif" width="137" height="32" border="0" />
</a>
</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 -->
<!-- links Begin -->
<div id="links">
<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"
cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"
>Su</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"
>Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>We</span></th>
<th abbr="Thursday" align="center"><span class="calendar"
>Th</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar"
>Sa</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td align="center"><span class="calendar" >
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="Last entry is[<$MTEntryTitle$>]">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<div class="sidetitle">
Archives
</div>
<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a><br
/>
</MTArchiveList>
</div>
<div id="categories">
<div class="sidetitle">Categories</div>
<div class="cat"><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>
</div>
<div class="sidetitle">
Recent Entries
</div>
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<div class="sidetitle">
Recent Comments
</div>
<div class="side">
<MTEntries recently_commented_on="3" sort_order="ascend">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="4">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#<$MTCommentID$>" title="From <$MTCommentAuthor$>">at <$MTCommentDate format="%b %d,%Y"$></a><br />
</MTComments>
</MTEntries>
</div>
<div class="sidetitle">
Recent TrackBack
</div>
<MTPings lastn="3">
<div class="side">
<a href="<$MTPingURL$>" target="new"><$MTPingTitle$></a><br />
From:<$MTPingBlogName$>
</div>
</MTPings>
</div>
<!-- links End -->
<!-- links-right Begin -->
<div id="links-right">
<div class="sidetitle">
Search
</div>
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">Search this site:</label><br />
<input id="search" name="search" size="15" tabindex="6" value="" /><br />
<input type="submit" value="Search" tabindex="7" accesskey="0" />
</form>
</div>
<div class="sidetitle">
Links
</div>
<div class="side">
<a href="<$MTBlogURL$>" title="Add Your Links Here">Add Your Links Here</a><br />
</div>
<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>
</div>
<!-- links-right 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 -->
<!-- footer Begin -->
<div id="footer">
<a href="http://www.movabletype.org">
<img title="Movable Type <$MTVersion$>" alt="Movable Type <$MTVersion$>" src="<$MTCGIPath$>mtimg/mt-powered.gif" width="137" height="32" border="0" />
</a>
<a href="http://atstyle.biz/">
<img alt="Designed by @Style" title="Designed by @Style" src="<$MTCGIPath$>mtimg/design.gif" width="137" height="32" border="0" />
</a>
</div>
<!-- footer End -->
</div>
<!-- inbox End -->
</body>
</html>
個別にダウンロードされた方はバナー画像を別途ダウンロードする必要があります。
バナー画像(bgr1.lzh)をダウンロード
mtimg.lzh
ダウンロードした画像は、mt.cgi等のあるディレクトリにmtimgというディレクトリを作成し、その中に格納してください。解凍後、現れるフォルダごとではなく、解凍されたフォルダの中の画像をmt.cgi等のあるディレクトリに作ったmtimgフォルダに格納してください。
新作も開発中
現在、新たなMovableTypeテンプレートも開発中です。ご希望がありましたら、アットスタイルまでお知らせください。
![Web標準 Webサイト制作 [アットスタイル] アットスタイル](webimg/atstylelogo.png)


