旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3&t=1830
あお 2005-06-27 13:22:11
件名 :新着記事表示
CATEGORY部分に
24時間以内に表示され(HP等で見る『NEW』みたいな感じ)
それ以降は自動的に消えるような表示をするにはどうしたらよいですか?
出来ればHTMLと置く場所を教えて頂けると嬉しいです。
よろしくお願いします。
このコミュニティにご参加頂くと、コメントの書き込みができます
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
Anonymous 2005-09-27 20:52:56
件名 :↑試してみました。
うみと申します。
私もNEWマークを表示させたくて↑のページを参考に試してみましたが、具体的な挿入部分がわからずダメでした。
どこに挿入すればよいのでしょうか?
WINDOWS XP
テンプレート「air」
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<style type="text/css" title="style" media="screen, projection">
@import "<%css_link>";
</style>
?xml" />
<title><%blog_name> <%sub_title></title>
</head>
<body>
<meta http-equiv="adimage" content="8">
<script language="JavaScript" src="http://analyzer2.fc2.com/analyzer.js?uid=355189"></script><noscript><div align="right"><a href="http://analyzer.fc2.com/" target="_blank">アクセス解析</a></div></noscript>
<div id="d1"><div class="top"><h1><a href="<%url>"><%blog_name></a></h1><h2><%introduction></h2></div>
<div id="main"><div class="btop"><h3><img src="http://blog6.fc2.com/o/opusi/file/oar01.gif" width="14" height="14" alt="" /> <a id="a<%topentry_no>" name="a<%topentry_no>"><%topentry_title></a></h3></div><div class="bmiddle"><div class="msg"><%topentry_body></div><div class="more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続き">More ...</a></div><div class="msg" id="more"><%topentry_more></div><div class="last"><div class="bottom"><%topentry_year>.<%topentry_month>.<%topentry_day> <%topentry_hour>:<%topentry_minute> | <a href="<%topentry_category_link>"><%topentry_category></a> |
<a href="<%topentry_link>#trackback" title="「<%topentry_title>」へのトラックバック">トラックバック(<%topentry_tb_num>)</a>トラックバック(-) | <a href="<%topentry_link>#comment_head" title="「<%topentry_title>」へのコメント">コメント(<%topentry_comment_num>)</a>コメント(-) |</div></div></div>
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<div class="navi"><a href="<%preventry_url>"><< <%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title> >></a></div>
<div class="btop"><h3><img src="http://blog6.fc2.com/o/opusi/file/oar01.gif" width="14" height="14" alt="" /> <a name="comment_head" id="comment_head">コメント一覧</a></h3></div><div class="bmiddle"><p class="msg" id="comment<%comment_no>"><%comment_body></p><p class="bottomc"><%comment_year>.<%comment_month>.<%comment_day> <%comment_hour>:<%comment_minute> <%comment_url+str> | <%comment_mail+name> #<%comment_trip> [ <a href="<%comment_edit_link>">編集</a> ]</p></div><div class="clast"></div>
<form method="post" action="./"><div class="btop"><h3><img src="http://blog6.fc2.com/o/opusi/file/oar01.gif" width="14" height="14" alt="" /> <a id="comment_post" name="comment_post">コメントの投稿</a></h3></div><div class="bmiddle"><p class="msg"><input type="hidden" name="mode" value="regist" /><input type="hidden" name="comment[no]" value="<%pno>" /><label for="name">Name:</label><br />
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" class="ipt" /><br />
<label for="mail">Mail:</label><br />
<input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" class="ipt" /><br />
<label for="url">Home:</label><br />
<input id="url" type="text" name="comment[下線]" size="30" value="<%cookie_url>" class="ipt" /><br />
<label for="comment">Comment:</label><br />
<textarea id="comment" cols="40" rows="8" name="comment[太字]" class="ipt"></textarea><br />
<label for="pass">Pass:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20" class="ipt" /><br />
<label for="himitu">Secret:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]" />管理者にだけ表示<br /><br />
<input type="submit" value="送信する" /></p></div><div class="clast"></div></form>
<form method="post" action="./"><div class="btop"><h3><img src="http://blog6.fc2.com/o/opusi/file/oar01.gif" width="14" height="14" alt="" /> <a id="comment_edit" name="comment_edit">コメントの編集</a></h3></div><div class="bmiddle"><p class="msg"><input type="hidden" name="mode" value="edit" /><input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<label for="name">Name:</label><br />
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" class="ipt" /><br />
<label for="mail">Mail:</label><br />
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" class="ipt" /><br />
<label for="url">Home:</label><br />
<input id="url" type="text" name="edit[下線]" size="30" value="<%edit_url>" class="ipt" /><br />
<label for="comment">Comment:</label><br />
<textarea id="comment" cols="40" rows="8" name="edit[太字]" class="ipt" /><%edit_body></textarea><br />
<label for="pass">Pass:</label><br />
<input id="pass" type="password" name="edit[pass]" size="20" class="ipt" /><br />
<label for="himitu">Secret:</label><br />
<input id="himitu" type="checkbox" name="edit[himitu]" />管理者にだけ表示<br /><br />
<input type="submit" value="送信する" />
<input type="submit" name="edit[delete]" value="削除する" />
</p></div><div class="clast"></div></form>
<div class="btop"><h3><img src="http://blog6.fc2.com/o/opusi/file/oar01.gif" width="14" height="14" alt="" /> <a name="trackback">トラックバック</a></h3></div><div class="bmiddle"><p class="msg">トラックバックURL↓<br /><%trackback_url></p>
<p class="msg"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a><br /><%tb_excerpt></p><p class="bottom"><%tb_year>.<%tb_month>.<%tb_day> <%tb_hour>:<%tb_minute> | <%tb_blog_name></p></div><div class="clast"></div>
</div>
<div id="menu">
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Calendar</h4></div><div class="rpict"><table summary="calender" class="calender" border="0" cellspacing="1" cellpadding="0" align="center"><caption><a href="<%prev_month_link>"><%prev_month></a> | <%now_year> / <%now_month> | <a href="<%next_month_link>"><%next_month></a></caption>
<tr><th abbr="日曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/o_sun.gif" width="23" height="5" alt="" /></th>
<th abbr="月曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/c_mon.gif" width="23" height="5" alt="" /></th>
<th abbr="火曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/c_tue.gif" width="23" height="5" alt="" /></th>
<th abbr="水曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/c_wed.gif" width="23" height="5" alt="" /></th>
<th abbr="木曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/c_thu.gif" width="23" height="5" alt="" /></th>
<th abbr="金曜日" scope="row"><img src="http://blog6.fc2.com/o/opusi/file/c_fri.gif" width="23" height="5" alt="" /></th>
<th abbr="土曜日" scope="row" id="sat"><img src="http://blog6.fc2.com/o/opusi/file/o_sat.gif" width="23" height="5" alt="" /></th>
</tr><tr><td><%calender_sun></td><td><%calender_mon></td><td><%calender_tue></td><td><%calender_wed></td><td><%calender_thu></td><td><%calender_fri></td><td><%calender_sat></td></tr></table></div>
<script language="JavaScript">
var rf;
ref=escape(document.referrer)+"";
if( (ref=="undefined") || (ref=="") ){
ref="bookmark";}
document.write(''+
'<a target="_blank" href="http://fc2.com">'+
'<img border=0 src="http://www.sugoicounter.com:10000/cgi-bin/counter.gif?'+
'id=271934'+
'&page=1'+
'&ref='+escape(ref)+
'&x='+screen.width+
'&y='+screen.height+
'&cols='+screen.colorDepth+
'&uniq=0'+
'&cnt=4'+
'"></a>');
</script>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Category</h4></div><div class="rmain"><a href="<%category_link>"><%category_name> (<%category_count>)</a></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Recent Entries</h4></div><div class="rmain"><a href="<%recent_link>"><%recent_title><span class="days"> (<%recent_month>/<%recent_day>)</span></a></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Recent Comments</h4></div><div class="rmain"><div id="commentlist"><%rcomment_etitle><br /><script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
<a href="<%rcomment_link>#comment"><%rcomment_name><span class="days">(<%rcomment_month>/<%rcomment_day>)</span></a></div></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Recent Trackbacks</h4></div><div class="rmain"><div class="navi-contents" id="tblist">
<%rtrackback_etitle><br /><a href="<%rtrackback_link>#trackback"><%rtrackback_blog_name>(<%rtrackback_month>/<%rtrackback_day>)</a></div></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Archives</h4></div><div class="rmain"><a href="<%archive_link>"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Bookmarks</h4></div><div class="rmain"><a href="<%link_url>"><%link_name></a></div>
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Profile</h4></div><div class="rpict"><img src="<%image>" alt="<%author_name>" /></div>
<div class="rpmain"><span class="rpro">Author:<%author_name></span><span class="rpro"><%introduction2></span></div>
<div class="rpmain"><span class="rpro"><a href="<%url>?xml">RSS1.0</a> | <a href="<%url>?admin">管理モード</a></span><span class="rpro"><%ad><%ad2></span><a href="http://opus-i.biz" target="_blank">template by opus-i</a></div>
<noscript>
<div align="right"><a href="http://fc2.com/">無料</a><a href="http://fc2web.com/">ホームページ</a> <a href="http://blog.fc2.com/">ブログ</a>(<a href="http://blog.fc2.com/">blog</a>)</div>
<img border=0 src="http://www.sugoicounter.com:10000/cgi-bin/counter.gif?id=271934&page=1&uniq=0&cnt=4">
</noscript>
<div class="rpmain"><form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" /> <input type="submit" value="Search" class="search" /></form></div>
</div>
<div class="navi" style="clear:both">
<a href="<%prevpage_url>"> << 前ページ</a>
| <a href="<%url>">ホーム</a> |
<a href="<%nextpage_url>">次ページ >></a>
</div>
</div>
<script type="text/javascript">
-1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/\((\d\d\/\d\d)\)/);
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[斜体]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '\n';
for (i=0;i',linkList[斜体].base,option.top).join('');
if (linkList[斜体].length > 0 && option.sort) linkList[斜体].reverse();
for (j=0;j').join('');
}
outText[outText.length] = '\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '├ '; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└ '; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<br />\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
// -->
</script>
</body>
</html>
スタイルシート
@charset "euc-jp";
body{
margin:0px;
padding:0px;
background-color:#f0f0f0;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_white.gif");
background-position:50% 0%;
background-repeat:repeat-y;
text-align:center;
cursor:default}
div,p,form,label,ul,img,h1,h2,h3,h4{
position:static;
margin:0px;
padding:0px;
border:0px}
ul{
padding:0px 0px 0px 20px}
a{
text-decoration:none}
h1{
padding:140px 30px 0px 30px;
color:#f09390;
font-size:24pt;
font-weight:normal;
font-family:"Century Gothic","Verdana","ヒラギノ角ゴ Pro W3",Osaka;
text-align:right}
h1 a{
color:#f09390}
h2{
padding:10px 30px 0px 30px;
color:#f09390;
font-size:9pt;
font-weight:normal;
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka;
text-align:right}
#d1{
width:770px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
text-align:left;
font-size:9pt;
background-color:#ffffff;
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka}
/*ヘッダー設定*/
.top{
width:770px;
height:260px;
text-align:left;
background-color:#ffffff;
backgroundimage:url
"http://blog6.fc2.com/o/opusi/file/06_back.jpg")}
/*記事の全体設定*/
#main{
width:502px;
text-align:left;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b02.gif");
float:left;
overflow:hidden}
/*エントリー部分*/
.btop{
width:502px;
height:44px;
background:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b01.gif")}
.btop h3{
width:459px;
padding-top:20px;
padding-bottom:3px;
margin:0px 20px 0px 20px;
color:#313131;
border-bottom:dashed 1px #c0c0c0;
font-size:9pt;
font-weight:bold}
.bmiddle{
width:502px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b02.gif");
text-align:left}
.msg{
padding:14px 20px 0px 20px;
color:#313131;
line-height:1.7}
.msg a{
color:#5696a6;
border-bottom:1px dashed #5696a6}
.msg a:hover{
color:#5696a6;
background-color:#f9ffff}
.msg img{
border:3px double #c0c0c0;
margin:4px 10px 10px 0px;
display:inline;
float:left}
img.emoji{
margin:2px 2px 4px 2px;
vertical-align:middle;
float:none}
.msg td{
font-size:9pt;
color:#313131;
line-height:19px}
.msg td a{
color:#5696a6;
border-bottom:1px dashed #5696a6;
text-decoration:none}
.more a{
color:#68a6b5;
font-weight:bold;
border-bottom:1px dashed #68a6b5;
letter-spacing:1px}
.more a:hover{
color:#5696a6;
background-color:#f9ffff}
.more{
padding:10px 20px 7px 20px}
.bottom{
padding:20px 20px 0px 20px;
color:#68a6b5;
font-size:10px}
.bottomc{
padding:7px 20px 0px 20px;
color:#68a6b5;
font-size:10px}
.bottom a,.bottomc a{
color:#68a6b5}
.bottomc a{
text-decoration:underline}
.bottom a:hover,.bottomc a:hover{
color:#5696a6;
background-color:#f9ffff;
text-decoration:underline}
.last{
width:502px;
height:84px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b03.gif");
clear:left}
.clast{
width:502px;
height:60px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b04.gif");
clear:left}
/*ページ移動*/
.navi{
padding:0px 0px 20px 0px;
width:502px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_white.gif");
text-align:center}
.navi a{
color:#313131}
.navi a:hover{
color:#5696a6}
/*入力フォーム*/
.ipt{
border:1px solid #cccccc;
color:#313131;
font-size:9pt;
background-color:#ffffff}
/*右メニュー*/
#menu{
width:268px;
padding-bottom:40px;
float:left;
color:#313131;
background-color:#ffffff;
overflow:hidden}
/*右メニュー:タイトル*/
.rtitle{
padding-left:20px}
.rtitle h4{
width:248px;
padding:5px 0px 14px 0px;
color:#313131;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_title.gif");
font-size:9pt;
font-weight:bold}
/*右メニュー:コンテンツ*/
.rpict{
padding:20px 0px 20px 0px;
width:268px;
text-align:center}
.rmain{
padding:14px 0px 20px 20px}
.rmain li{
line-height:19px;
color:#75b5c5}
.rmain li a{
color:#313131}
.rmain li a:hover{
color:#68a6b5}
/*カレンダー*/
.calender th{
padding:3px 0px 7px 0px}
.calender td{
color:#313131;
font-size:7pt;
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka;
line-height:19px;
text-align:center}
.calender td a{
color:#75b5c5;
background-color:#f1f1f1;
font-weight:bold;
display:block}
.calender td a:hover{
color:#ffffff;
background-color:#75b5c5}
.calender td a:visited{
color:#999999;
background-color:#f1f1f1}
caption{
padding:0px 0px 10px 0px;
font-size:7pt;
margin-left:auto;
margin-right:auto}
caption a{
color:#75b5c5}
/*日付の文字サイズ*/
.days{
font-size:7pt}
/*プロフィール*/
.rpmain{
padding:0px 0px 20px 20px}
.rpmain li{
line-height:19px;
color:#75b5c5}
.rpmain li a{
color:#313131}
.rpmain li a:hover{
color:#68a6b5}
.rpro{
color:#313131}
/*検索ボタン*/
.search{
font-size:7pt;
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka}
/*MacIE回避*/
/*\*/
.rpict{
margin:0px 0px 0px 10px}