Movable Type 3.34 のテンプレートで Twitter Bootstrap を使ってレスポンシブWEBデザインに、続編。
全記事のインデックスリストページ。 ▼
全記事のインデックスリストページ。 ▼
<!DOCTYPE html> <html lang="ja" xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /> <meta name="generator" content="<$MTProductName version="1"$>" /> <link rel="stylesheet" href="/dat/css/bootstrap.min.css"> <link rel="stylesheet" href="/dat/css/bootstrap-responsive.min.css"> <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" /> <link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" /> <title><$MTBlogName encode_html="1"$>: アーカイブ</title> <link rel="start" href="<$MTBlogURL$>" title="Home" /> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> </head> <body class="layout-two-column-right master-archive-index"> <div class="container-fluid"> <div id="container"> <div id="container-inner" class="pkg"> <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <h2 id="banner-description"><$MTBlogDescription$></h2> </div> </div> <div class="row-fluid"> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div class="span9"> <div id="alpha"> <div id="alpha-inner" class="pkg"> <h3 id="archive-title">アーカイブ</h3> <div class="archive-date-based archive"> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Individual"> <li class="archive-list-item"><$MTArchiveDate format="%Y.%m.%d"$>: <a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </div> </div> </div> <div class="span3"> <div id="beta"> <div id="beta-inner" class="pkg"> <div class="module-search module"> <h3 class="module-header">検索</h3> <div class="module-content"> <form class="form-search" method="get" action="<$MTCGIPath$><$MTSearchScript$>"> <input type="hidden" name="IncludeBlogs" value="0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,<$MTBlogID$>" /> <label for="search" accesskey="4">ブログを検索: </label><br /> <input class="input-medium search-query" id="search" name="search" size="20" /> <input class="btn" type="submit" value="検索" /> </form> </div> <div class="module-content"> <ul class="module-list"> <li class="module-list-item"><a href="/blog/remix/">REMIX</a></li> <li class="module-list-item"><a href="/blog/favorite/">お気に入リミックス</a></li> <li class="module-list-item"><a href="/blog/sakidori/">先取リミックス</a></li> <li class="module-list-item"><a href="/blog/cutie/">キューティー</a></li> <li class="module-list-item"><a href="/blog/assets/">こつこつ</a></li> <li class="module-list-item"><a href="/blog/travel/">トラベル</a></li> <li class="module-list-item"><a href="/Tips/">Tips</a></li> </ul> </div> </div> <div class="module-archives module"> <h3 class="module-header">最近のエントリー</h3> <div class="module-content"> <ul class="module-list"> <MTEntries lastn="10"> <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul> <a href="<$MTBlogURL$>atom.xml">このブログのフィードを取得</a><br /> [<a href="http://www.sixapart.jp/about/feeds">フィードとは</a>] </div> </div> <MTIfArchiveTypeEnabled type="Category"> <div class="module-categories module"> <h3 class="module-header">カテゴリー</h3> <div class="module-content"> <MTTopLevelCategories> <MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <MTElse> <li class="module-list-item"><MTCategoryLabel> </MTElse> </MTIfNonZero> <MTSubCatsRecurse> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </div> </MTIfArchiveTypeEnabled> <MTIfArchiveTypeEnabled type="Monthly"> <div class="module-archives module"> <h3 class="module-header">アーカイブ</h3> <div class="module-content"> <MTArchiveList archive_type="Monthly"> <MTArchiveListHeader> <ul class="module-list"> </MTArchiveListHeader> <li class="module-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> <MTArchiveListFooter> </ul> </MTArchiveListFooter> </MTArchiveList> </div> </div> </MTIfArchiveTypeEnabled> <div class="module-syndicate module"> <div class="module-content"> <a href="<$MTBlogURL$>atom.xml"><img src="/dat/img/icon_rss.jpg">このブログのフィードを取得</a><br /> <a href="http://e.my.yahoo.co.jp/config/jp_add_rss?url=<$MTBlogURL$>atom.xml"><img src="/dat/img/icon_yah.jpg" alt="My Yahoo でフィードを取得します"></a><br /> <a href="http://www.google.com/ig/adde?client=firetools&hl=ja&moduleurl=<$MTBlogHost$>/<$MTBlogRelativeURL$>/atom.xml"><img src="/dat/img/icon_google.jpg" alt="google でフィードを取得します"></a><br /> [<a href="http://www.sixapart.jp/about/feeds">フィードとは</a>] </div> </div> <MTBlogIfCCLicense> <div class="module-creative-commons module"> <div class="module-content"> <a href="<$MTBlogCCLicenseURL$>"><img alt="クリエイティブ・コモンズ・ライセンス" src="<$MTBlogCCLicenseImage$>" /></a><br /> このブログは、次のライセンスで保護されています。 <a href="<$MTBlogCCLicenseURL$>">クリエイティブ・コモンズ・ライセンス</a>. </div> </div> </MTBlogIfCCLicense> <div class="module-powered module"> <div class="module-content"> Powered by<br /><a href="http://www.sixapart.jp/movabletype/"><$MTProductName version="1"$></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/dat/js/bootstrap.min.js"></script> <!-- script src="http://code.jquery.com/jquery.js"></script --> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> </body> </html>