小粋空間: コメントプレビューのテンプレート

Top ＞ Movable Type ＞テンプレート＞コメントプレビューのテンプレート

2004年9月10日

エントリー本文

コメントプレビューのテンプレート

Posted at September 10,2004 12:00 PM
Category：[テンプレート]
Tag：[]

コメントプレビューのテンプレートを作り直しました。これまでポップアップ用のものしか用意していなかったので、新たにポップアップしない場合の、

1カラム用（?3.0D/3.01D-ja）
3カラム用（?3.0D/3.01D-ja）

の4種類を公開します。自分のも修正しました（爆）。
なお本エントリーにある3カラムテンプレートをご利用になる場合は、個別アーカイブテンプレートで使用されているメニューをサイドバーの位置に適宜挿入してください（サイドバーの殻だけ用意しています）。ちなみに1カラム用と3カラム用の違いですが、1カラム用のid属性

<div id="container">

が

<div id="content">

に変わることと、3カラム用の場合は

</div><!-- container -->

    :

</body>

の赤色の部分にサイドバーの指定

</div><!-- container -->

<div id="links-right">

（ここに右側メニューを配置）

</div>



<div id="links-left">

（ここに左側メニューを配置）

</div>

</body>

が加わるだけです。これは他のテンプレートも同様ですので途中でカラムを変更される場合の参考になれば幸いです。

1カラム用（?3.0D)

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />

<title><$MTBlogName$>: Comment Preview</title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<script language="JavaScript">
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));
}
</script>
</head>

<body>

<!-- タイトル開始 -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<!-- タイトル終了 -->

<!-- コンテンツ開始 -->
<div id="container">
<div class="blog">

<div class="comments-head">コメントのプレビュー</div>

<div class="comments-body">
<$MTCommentPreviewBody$>
<p class="posted">Posted by <$MTCommentPreviewAuthorLink spam_protect="1"$> at <$MTCommentPreviewDate$></p>

<MTIfCommentsAllowed>

<MTCommentFields>
<script language="javascript" type="text/javascript">
<!--
if (document.comments_form.author)
    document.comments_form.author.value =
        '<$MTCommentPreviewAuthor encode_js="1"$>';
if (document.comments_form.email)
    document.comments_form.email.value =
        '<$MTCommentPreviewEmail encode_js="1"$>';
if (document.comments_form.url)
    document.comments_form.url.value =
        '<$MTCommentPreviewURL encode_js="1"$>';
if (document.comments_form.text)
    document.comments_form.text.value = 
        '<$MTCommentPreviewBody convert_breaks="0" encode_js="1"$>';
-->
</script>

</MTIfCommentsAllowed>
</div><!-- comments-body -->
<p></p>

<div class="comments-head">これまでのコメント</div>

<div class="comments-body">
<p>
<MTComments>
<$MTCommentBody$>
<p class="posted-commentspop">Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></p>
</MTComments>
</p>
</div><!-- comments-body -->

</div><!-- blog -->
</div><!-- container -->
<!-- コンテンツ終了 -->

</body>
</html>

1カラム用（3.01D-ja)

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />

<title><$MTBlogName encode_html="1"$>: コメントの確認</title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<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>
</head>

<body>

<!-- タイトル開始 -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<!-- タイトル終了 -->

<!-- コンテンツ開始 -->
<div id="container">
<div class="blog">
<div class="comments-head">コメントの確認</div>

<div class="comments-body">
<$MTCommentPreviewBody$>
<p class="posted">投稿者 <$MTCommentPreviewAuthorLink spam_protect="1"$> : <$MTCommentPreviewDate$></p>

<MTIfCommentsAllowed>

<MTCommentFields preview="1">

</MTIfCommentsAllowed>
</div><!-- comments-body -->
<p></p>

<div class="comments-head">以前のコメント</div>

<div class="comments-body">
<MTComments>
<$MTCommentBody$>
<p class="posted">投稿者 <$MTCommentAuthorLink spam_protect="1"$> : <$MTCommentDate$></p>
</MTComments>

</div><!-- comments-body -->

</div><!-- blog -->
</div><!-- container -->
<!-- コンテンツ開始 -->

</body>
</html>

3カラム用（?3.0D)

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />

<title><$MTBlogName$>: Comment Preview</title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<script language="JavaScript">
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));
}
</script>
</head>

<body>

<!-- タイトル開始 -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<!-- タイトル終了 -->

<!-- 中央コンテンツ開始 -->
<div id="content">
<div class="blog">

<div class="comments-head">コメントのプレビュー</div>

<div class="comments-body">
<$MTCommentPreviewBody$>
<p class="posted">Posted by <$MTCommentPreviewAuthorLink spam_protect="1"$> at <$MTCommentPreviewDate$></p>

<MTIfCommentsAllowed>

<MTCommentFields>
<script language="javascript" type="text/javascript">
<!--
if (document.comments_form.author)
    document.comments_form.author.value =
        '<$MTCommentPreviewAuthor encode_js="1"$>';
if (document.comments_form.email)
    document.comments_form.email.value =
        '<$MTCommentPreviewEmail encode_js="1"$>';
if (document.comments_form.url)
    document.comments_form.url.value =
        '<$MTCommentPreviewURL encode_js="1"$>';
if (document.comments_form.text)
    document.comments_form.text.value = 
        '<$MTCommentPreviewBody convert_breaks="0" encode_js="1"$>';
-->
</script>

</MTIfCommentsAllowed>
</div><!-- comments-body -->
<p></p>

<div class="comments-head">これまでのコメント</div>

<div class="comments-body">
<p>
<MTComments>
<$MTCommentBody$>
<p class="posted-commentspop">Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></p>
</MTComments>
</p>
</div><!-- comments-body -->

</div><!-- blog -->
</div><!-- container -->
<!-- 中央コンテンツ終了 -->

<!-- 左サイドバー開始 -->
<div id="links-left">
<!-- ここにメニューを設定 -->
</div>
<!-- 左サイドバー終了 -->

<!-- 右サイドバー開始 -->
<div id="links-right">
<!-- ここにメニューを設定 -->
</div>
<!-- 右サイドバー終了 -->

</body>
</html>

3カラム用（3.01D-ja)

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />

<title><$MTBlogName encode_html="1"$>: コメントの確認</title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<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>
</head>

<body>

<!-- タイトル開始 -->
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<!-- タイトル終了 -->

<!-- 中央コンテンツ開始 -->
<div id="content">
<div class="blog">

<div class="comments-head">コメントの確認</div>

<div class="comments-body">
<$MTCommentPreviewBody$>
<p class="posted">投稿者 <$MTCommentPreviewAuthorLink spam_protect="1"$> : <$MTCommentPreviewDate$></p>

<MTIfCommentsAllowed>

<MTCommentFields preview="1">

</MTIfCommentsAllowed>
</div><!-- comments-body -->
<p></p>

<div class="comments-head">以前のコメント</div>

<div class="comments-body">
<MTComments>
<$MTCommentBody$>
<p class="posted">投稿者 <$MTCommentAuthorLink spam_protect="1"$> : <$MTCommentDate$></p>
</MTComments>

</div><!-- comments-body -->

</div><!-- blog -->
</div><!-- content -->
<!-- 中央コンテンツ終了 -->

<!-- 左サイドバー開始 -->
<div id="links-left">
<!-- ここにメニューを設定 -->
</div>
<!-- 左サイドバー終了 -->

<!-- 右サイドバー開始 -->
<div id="links-right">
<!-- ここにメニューを設定 -->
</div>
<!-- 右サイドバー終了 -->

</body>
</html>

2004.10.15 追記
3カラム用の表示順序を「中央→右→左」から「中央→左→右」に変更しました。

Posted by yujiro

« ビリヤードに | Main | MyBlogList追加 »

人気エントリー

トラックバックURL

このエントリーのトラックバックURL:

このブログは重複トラックバック防止プラグインにより、同一エントリーに対する同一のトラックバックは登録されないようにしています（記事のタイトルまたは記事の概要が異なる場合は登録されます）。

トラックバック

≫ コメントプレビューテンプレート from 我楽
このブログで3カラムテンプレートを利用させていただいている、小粋空間さんのエントリー ●コメントプレビューのテンプレートを参照させていた... [続きを読む]

Tracked on October 4, 2004 10:55 AM

こんにちわー。遊びに来てくださりありがとうございます！
早速テンプレートも作って頂き、感謝です！

プレビューはたぶんいじってないと思うので、そのまま新テンプレと
入れ替えたのですが、Blogタイトルの枠の上に空白が出来たのと、
プレビューされた文字の上も空白が出来ており、こちらと同じようになりません（汗

使用してみたのは1カラム用（3.01D-ja)です。
Blogタイトルと説明の間も若干開いてますし、テンプレートのことは
わたしはよくわからないのですが、＜p＞や＜/p＞や＜br/＞がたくさんあり、
他のテンプレートには＜p＞や＜/p＞はあまりないので、少し気になってます。
ちなみにIE左下のステータスバー？にもエラーが出てるんです。

もう一度見直してみますね、どこか設定してたのかもですし。
まずはご報告にあがりました。

と、年の為カキコする前にもう一度確認したら、コピペのミスだか、
一度テキストにコピーしてから管理画面にペーストしたら、上記のタグがなくなりました！
ホントにボケててすいません(^^;

無事に成功しましたので、改めてご報告いたします。
こんなわたしですが、これからもよろしくです！

[1] Posted by hate : September 10, 2004 4:25 PM

すいません。エントリー登録時に「Convert Line Breaks」のチェックを外すのを忘れてHTMLソースに<br />や<p>が入りまくってました。ミスに気がついたあと慌てて入れ替えたので運良くそれをお使いになられたようです。
ということでボケは私の方でした。どうかお許しを…。

[2] Posted by yujiro : September 10, 2004 5:06 PM

ありがとうございます！感謝でいっぱいで、許すも許さないも全くありませんよ?（爆
上のコメント重複してるので、よかったら削除してくださいね。すいませんです（汗

[3] Posted by hate : September 10, 2004 5:30 PM

お許し頂き？ありがとうございます！
コメント重複お構いなく。削除しました?。

[4] Posted by yujiro : September 10, 2004 7:24 PM

空白はそういう事だったんですね
僕も運良く使ってしまってたみたいです（笑

サイドメニュー折りたたみ（改）も
ようやく導入させていただきました。

[5] Posted by deepsnow : September 10, 2004 8:08 PM

コメントプレビューのテンプレート3カラム版変更させて頂きました。

自分で調整してたのですが、やっぱ公式のテンプレは、ずれる事がない。

ありがとうございます♪

[6] Posted by みよたん : September 11, 2004 1:38 AM

＞deepsnowさん
あ、そうでしたか…。重ね重ね申し訳ございません。

サイドメニューご利用ありがとうございます。折りたたみ状態が他のページや更新しても引き継がれる機能を近日中に公開しますのでお楽しみに。

[7] Posted by yujiro : September 11, 2004 1:40 AM

＞みよたんさん
毎度ご利用くださりありがとうございます。というかちゃんとできていなくてすいませんでした。
他の方からご指摘があってから作るパターンが多いですね…反省。

[8] Posted by yujiro : September 11, 2004 1:55 AM

コメントする

名前（N）: *必須

メールアドレス（M）:

URL（U）:

情報を保存する？

ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

コメント（C）:

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「<」、「>」は「>」と入力してください。例えば「<$MTBlogURL$>」は「<$MTBlogURL$>」となります（全て半角文字）

小粋空間 - a cheap joke and a play on words site

コメントプレビューのテンプレート