TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

03月« 2017年04月 /  123456789101112131415161718192021222324252627282930»05月
BLOGTOP » スポンサー広告 » TITLE … Q&A:コメントリスト(開閉)の設置BLOGTOP » カスタマQ&A » TITLE … Q&A:コメントリスト(開閉)の設置

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Q&A:コメントリスト(開閉)の設置

Q19.コメントリスト(コメント簡易開閉)の設置方法…

A.いちいちページ移動しなくても、簡単にコメントが読めちゃう機能です。

表示は、タイトル・投稿者名・本文だけ。
表示は簡単だけど、パッと読めちゃうのは便利かも?

コメント投稿の場合は、きちんとページを移る必要があります。

閉じるときは、最初の【コメントリスト】を押したり、他のリンクを押しちゃうと、閉じます。

あまり機能をつけて重くなっちゃうのもなんだし…ってことで、杏のテンプレートには付けてませんが、ご入用の方は、カスタマイズしてみてね。

****** ▼ 追記記事 ▼ ******

【HTML編集】内の下記の場所を探して、『←ここに《1》を入れてください』の位置に、《1》を挿入。

<!-- 追記部分:ここから -->
<div class="entry-more">
<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->
</div>
<!--more-->
<a name="more" id="more"></a>
<br /><p class="entry-more">****** ▼ 追記記事 ▼ ******</p>
<%topentry_more>
<!--/more-->
<!-- 追記部分:ここまで -->

<!--community-->
<p class="theme_genre">テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p>
<!--/community-->

↑このタグがないテンプレートもあります

←ここに《1》を入れてください。

</div>
<!-- 記事内表示:ここまで -->

《1》
<!-- コメントリスト部分:ここから -->
<div class="list-body">
<script type="text/javascript">
<!--
document.write("<a href="#" onclick="i=this.parentNode.lastChild;i.style.display=['none',''][(i.flag=!i.flag)+0];return false" onkeypress="this.onclick" title="コメントのみが読めます(簡易)。コメントを書く時は、下の「CM」からお入りください。もう一度ここを押すと閉じます。">【&nbsp;コメント・リスト&nbsp;】</a>");
//-->
</script>
<div class="list-text" id="c-list<%topentry_no>" style="display : none;">
<!--comment_list-->
<dl class="list-header">
<dt>&nbsp;■TITLE&nbsp;:&nbsp;<%topentry_comment_list_title>&nbsp;&nbsp;&nbsp;
[&nbsp;by:<%topentry_comment_list_name>&nbsp;]</dt>
<dd><%topentry_comment_list_brbody></dd>
</dl>
<!--/comment_list-->
</div></div>
<!-- コメントリスト部分:ここまで -->


【スタイルシートの編集】内のどこでもいいので、以下のタグを入れてください。
/* コメントリスト大枠 */
.list-body {
margin : 0px 0px;
padding : 0px 0px;
}

/* コメントリスト本文全体 */
.list-text {
line-height: 20px;
text-align : left;
margin : 5px 0px 0px 0px;
padding : 10px 10px;
}

/* コメントリストの本文 */
dl.list-header {
margin : 0px 0px;
padding : 0px 0px;
}

dl.list-header dt{
padding : 4px 5px 0px 5px;
text-align : left;
border-top : 2px solid #bbbbdf;
border-bottom : 2px dotted #bbbbdf;
color : #7c3732;
font-weight : bold;
}

dl.list-header dd{
padding : 10px 10px;
}

dl.list-header dd a {
display : block;
overflow : hidden ;
}

ラインの色コードは、テンプレートに合わせて、お好きな色に変えてください。
スポンサーサイト

*** COMMENT ***

COMMENT投稿

管理人にだけ読んでもらう

TRACKBACK

この記事のトラックバックURL

この記事へのトラックバック

■Q&A:コメントリスト(開閉)の設置

Q32.コメントリスト(コメント簡易開閉)の設置方法?A.いちいちページ移動しなくても、簡単にコメントが読めちゃう機能です。表示は、タイト...
2009/03/28(土) 14:44:28 | TEMTEM★倶楽部
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。