Movable Type 3.34 のテンプレートで Twitter Bootstrap を使ってレスポンシブWEBデザインに、続編。
記事1件のページ。 ▼
記事1件のページ。 ▼
<!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><$MTEntryTitle remove_html="1"$> (<$MTBlogName encode_html="1"$>)</title> <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> <$MTEntryTrackbackData$> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <script type="text/javascript" src="<$MTBlogURL$>mt-site.js"></script> </head> <body class="layout-two-column-right individual-entry-archive" onload="individualArchivesOnLoad(commenter_name)"> <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"> <p class="content-nav"> <MTEntryPrevious><a href="<$MTEntryPermalink$>">« <$MTEntryTitle remove_html="1"$></a> |</MTEntryPrevious> <a href="<$MTBlogURL$>">メイン</a> <MTEntryNext>| <a href="<$MTEntryPermalink$>"><$MTEntryTitle remove_html="1"$> »</a></MTEntryNext> </p> <MTEntryCategories glue=", "> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> </MTEntryCategories> <h2 id="archive-title"><$MTEntryTitle$></h2> <div class="entry" id="entry-<$MTEntryID$>"> <div class="entry-content"> <MTIfNonEmpty tag="EntryBody"> <div class="entry-body"> <$MTEntryBody$> </div> </MTIfNonEmpty> <MTIfNonEmpty tag="EntryMore" convert_breaks="0"> <div id="more" class="entry-more"> <$MTEntryMore$> </div> </MTIfNonEmpty> <MTEntryIfTagged> <div class="entry-tags"> <h4 class="entry-tags-header">タグ:</h4> <ul class="entry-tags-list"> <MTEntryTags> <li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li> </MTEntryTags> </ul> </div> </MTEntryIfTagged> </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> </p> </div> <MTIfPingsActive> <div class="trackbacks"> <h3 id="trackback" class="trackbacks-header">トラックバック</h3> <div id="trackbacks-info"> <MTIfPingsAccepted><p>このエントリーのトラックバックURL: <br /><$MTEntryTrackbackLink$></p></MTIfPingsAccepted> </div> <MTPings> <MTPingsHeader> <div class="trackbacks-content"> <p>この一覧は、次のエントリーを参照しています: <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>:</p> </MTPingsHeader> <a id="p<$MTPingID pad="1"$>"></a> <div class="trackback" id="ping-<$MTPingID$>"> <div class="trackback-content"> <p> » <a rel="nofollow" href="<$MTPingURL$>"><$MTPingTitle$></a> 送信元 <$MTPingBlogName$><br /> <$MTPingExcerpt$> <a rel="nofollow" href="<$MTPingURL$>">[詳しくはこちら]</a> </p> </div> <p class="trackback-footer"> トラックバック時刻: <a href="#ping-<$MTPingID$>"><$MTPingDate$></a> </p> </div> <MTPingsFooter> </div> </MTPingsFooter> </MTPings> </div> </MTIfPingsActive> <MTIfCommentsActive> <div id="comments" class="comments"> <MTComments> <MTCommentsHeader> <div class="comments-content"> <h3 class="comments-header">コメント (<$MTEntryCommentCount$>)</h3> </MTCommentsHeader> <a id="c<$MTCommentID pad="1"$>"></a> <div class="comment" id="comment-<$MTCommentID$>"> <div class="comment-inner"> <div class="comment-header"> <$MTCommentAuthorLink default_name="匿名" show_email="0"$><MTIfNonEmpty tag="CommentAuthorIdentity"> <$MTCommentAuthorIdentity$></MTIfNonEmpty>: </div> <div class="comment-content"> <$MTCommentBody$> </div> <p class="comment-footer"> 投稿者: <$MTCommentAuthorLink default_name="匿名"$> <$MTCommentAuthorIdentity$> | <a href="#comment-<$MTCommentID$>"><$MTCommentDate$></a> </p> <p class="comment-footer-experimental"> 日時: <a href="#comment-<$MTCommentID$>" title="このコメントへのパーマリンク"><$MTCommentDate format="%x %H:%M"$></a> </p> </div> </div> <MTCommentsFooter> </div> </MTCommentsFooter> </MTComments> <MTEntryIfCommentsOpen> <form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie.checked) rememberMe(this)"> <input type="hidden" name="static" value="1" /> <input type="hidden" name="entry_id" value="<$MTEntryID$>" /> <div class="comments-open" id="comments-open"> <h2 class="comments-open-header">コメントを投稿</h2> <div class="comments-open-content"> <script type="text/javascript"> <!-- writeTypeKeyGreeting(commenter_name, <$MTEntryID$>); //--> </script> <MTIfCommentsModerated> <p class="comments-open-moderated"> (いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。) </p> </MTIfCommentsModerated> <div id="comments-open-data"> <div id="name-email"> <p> <label for="comment-author">名前:</label> <input id="comment-author" name="author" size="30" /> </p> <p> <label for="comment-email">メールアドレス:</label> <input id="comment-email" name="email" size="30" /> </p> </div> <p> <label for="comment-url">URL:</label> <input id="comment-url" name="url" size="30" /> </p> <p> <label for="comment-bake-cookie"><input type="checkbox" id="comment-bake-cookie" name="bakecookie" onclick="if (!this.checked) forgetMe(document.comments_form)" value="1" /> この情報を登録しますか?</label> </p> </div> <p id="comments-open-text"> <label for="comment-text">コメント: <MTIfAllowCommentHTML>(スタイル用のHTMLタグが使えます)</MTIfAllowCommentHTML></label> <textarea id="comment-text" name="text" rows="15" cols="50"></textarea> </p> <div id="comments-open-footer" class="comments-open-footer"> <input type="submit" accesskey="v" name="preview" id="comment-preview" value="確認" /> <input type="submit" accesskey="s" name="post" id="comment-post" value="投稿" /> </div> </div> </div> </form> </MTEntryIfCommentsOpen> </div> </MTIfCommentsActive> </div> </div> </div> <div class="span3"> <div id="beta"> <div id="beta-inner" class="pkg"> <div class="module-search module"> <h2 class="module-header">検索</h2> <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$>" /> <input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" /> <label for="search" accesskey="4">ブログを検索: </label> <input class="input-medium search-query" id="search" name="search" size="20" /> <input class="btn" type="submit" value="検索" /> </form> </div> </div> <div class="module-archives module"> <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> </div> </div> <MTIfArchiveTypeEnabled archive_type="Category"> <div class="module-categories module"> <h3 class="module-header">カテゴリー</h2> <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> <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="Creative Commons License" 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>