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="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" /> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> </head> <body class="layout-two-column-right main-index"> <div class="container-fluid"> <div id="container"> <div id="container-inner" class="pkg"> <div id="header"> <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"> <MTEntries> <$MTEntryTrackbackData$> <MTDateHeader><h3 class="date-header"><$MTEntryDate format="%x"$></h3></MTDateHeader> <div class="entry" id="entry-<$MTEntryID$>"> <h4 class="entry-header"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h4> <div class="entry-content"> <div class="entry-body"> <$MTEntryBody$> <MTIfNonEmpty tag="EntryMore" convert_breaks="0"> <p class="entry-more-link"> <a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>" »</a> </p> </MTIfNonEmpty> <MTEntryIfTagged> <div class="entry-tags"> <h5 class="entry-tags-header">タグ:</h5> <ul class="entry-tags-list"> <MTEntryTags> <li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li> </MTEntryTags> </ul> </div> </MTEntryIfTagged> </div> </div> <p class="entry-footer"> <span class="post-footers"> <MTIfNonEmpty tag="EntryAuthorDisplayName"> 投稿者: <$MTEntryAuthorLink show_email="0"$> 日時: <$MTEntryDate format="%x %X"$> <MTElse> 日時: <$MTEntryDate format="%x %X"$> </MTElse> </MTIfNonEmpty> </span> <span class="separator">|</span> <a class="permalink" href="<$MTEntryPermalink$>">パーマリンク</a> <MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive> <MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive> </p> </div> </MTEntries> </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="<$MTBlogID$>" /> <label for="search" accesskey="4"><$MTBlogName encode_html="1"$>を検索: </label> <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> <MTIfArchiveTypeEnabled archive_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 archive_type="Monthly"> <div class="module-archives module"> <h3 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></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>