新着記事表示
旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=1830
あお 2005-06-27 13:22:11
件名 :新着記事表示
CATEGORY部分に
24時間以内に表示され(HP等で見る『NEW』みたいな感じ)
それ以降は自動的に消えるような表示をするにはどうしたらよいですか?
出来ればHTMLと置く場所を教えて頂けると嬉しいです。
よろしくお願いします。
2005年06月27日 13:22 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-27 20:52:56
件名 :↑試してみました。
うみと申します。
私もNEWマークを表示させたくて↑のページを参考に試してみましたが、具体的な挿入部分がわからずダメでした。
どこに挿入すればよいのでしょうか?
WINDOWS XP
テンプレート「air」
<meta http-equiv="Content-Script-Type" conten t="text/javascript" />
<style type="text/css" title="style" ; media="screen, projection">
@import "<%css_link>";
</style>
?xml" />
<title><%blog_name> <%sub_title></tit le>
</head>
<body>
<meta http-equiv="adimage" content="8&qu ot;>
<script language="JavaScript" src="http: //analyzer2.fc2.com/analyzer.js?uid=355189"></scr ipt><noscript><div align="right">&l t;a href="http://analyzer.fc2.com/" target="_ blank">アクセス解析</a></div></noscript>
<div id="d1"><div class="top" ><h1><a href="<%url>"><%bl og_name></a></h1><h2><%introduction& gt;</h2></div>
<div id="main"><div class="btop&qu ot;><h3><img src="http://blog6.fc2.com/o/op usi/file/oar01.gif" width="14" height="1 4" alt="" /> <a id="a<%topentry _no>" name="a<%topentry_no>">< %topentry_title></a></h3></div><div class="bmiddle"><div class="msg"&g t;<%topentry_body></div><div class="more "><a href="<%topentry_link>#more" title="「<%topentry_title>」の続き">More ...& lt;/a></div><div class="msg" id=" more"><%topentry_more></div><div clas s="last"><div class="bottom">&l t;%topentry_year>.<%topentry_month>.<%topentry_d ay> <%topentry_hour>:<%topentry_minute> | < ;a href="<%topentry_category_link>"><% topentry_category></a> |
<a href="<%topentry_link>#trackback" ti tle="「<%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>&quo t;
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_mon th>-<%topentry_day>T<%topentry_hour>:<%top entry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<div class="navi"><a href="<%pr eventry_url>"><< <%preventry_tit le></a> | <a href="<%url>">ホー ム</a> | <a href="<%nextentry_url>"& gt;<%nextentry_title> >></a></d iv>
<div class="btop"><h3><img src=&q uot;http://blog6.fc2.com/o/opusi/file/oar01.gif" width= "14" height="14" alt="" /> <a name="comment_head" id="comment_head&qu ot;>コメント一覧</a></h3></div><div class= "bmiddle"><p class="msg" id=" comment<%comment_no>"><%comment_body>< ;/p><p class="bottomc"><%comment_year& gt;.<%comment_month>.<%comment_day> <%comment _hour>:<%comment_minute> <%comment_url+str> | <%comment_mail+name> #<%comment_trip> [ <a h ref="<%comment_edit_link>">編集</a> ] </p></div><div class="clast">< ;/div>
<form method="post" action="./"> <div class="btop"><h3><img src=&quo t;http://blog6.fc2.com/o/opusi/file/oar01.gif" width=&q uot;14" height="14" alt="" /> &l t;a id="comment_post" name="comment_post" ;>コメントの投稿</a></h3></div><div class=& quot;bmiddle"><p class="msg"><inp ut type="hidden" name="mode" value=" ;regist" /><input type="hidden" name=&q uot;comment[no]" value="<%pno>" />&l t;label for="name">Name:</label><br /& gt;
<input id="name" type="text" name=& quot;comment[name]" size="30" value="< ;%cookie_name>" class="ipt" /><br /& gt;
<label for="mail">Mail:</label><b r />
<input id="mail" type="text" name=& quot;comment[mail]" size="30" value="< ;%cookie_mail>" class="ipt" /><br /& gt;
<label for="url">Home:</label><br />
<input id="url" type="text" name=&q uot;comment[下線]" size="30" value="<%c ookie_url>" class="ipt" /><br />
<label for="comment">Comment:</label> ;<br />
<textarea id="comment" cols="40" ro ws="8" name="comment[太字]" class="ip t"></textarea><br />
<label for="pass">Pass:</label><b r />
<input id="pass" type="password" na me="comment[pass]" size="20" class=" ;ipt" /><br />
<label for="himitu">Secret:</label>& lt;br />
<input id="himitu" type="checkbox" name="comment[himitu]" />管理者にだけ表示<br />&l t;br />
<input type="submit" value="送信する" / ></p></div><div class="clast"> ;</div></form>
<form method="post" action="./"> <div class="btop"><h3><img src=&quo t;http://blog6.fc2.com/o/opusi/file/oar01.gif" width=&q uot;14" height="14" alt="" /> &l t;a id="comment_edit" name="comment_edit" ;>コメントの編集</a></h3></div><div class=& quot;bmiddle"><p class="msg"><inp ut type="hidden" name="mode" value=" ;edit" /><input type="hidden" name=&quo t;mode2" value="edited" />
<input type="hidden" name="edit[rno]&quo t; value="<%eno>" />
<label for="name">Name:</label><b r />
<input id="name" type="text" name=& quot;edit[name]" size="30" value="<%e dit_name>" class="ipt" /><br />
<label for="mail">Mail:</label><b r />
<input id="mail" type="text" name=& quot;edit[mail]" size="30" value="<%e dit_mail>" class="ipt" /><br />
<label for="url">Home:</label><br />
<input id="url" type="text" name=&q uot;edit[下線]" size="30" value="<%edit _url>" class="ipt" /><br />
<label for="comment">Comment:</label> ;<br />
<textarea id="comment" cols="40" ro ws="8" name="edit[太字]" class="ipt&q uot; /><%edit_body></textarea><br />
<label for="pass">Pass:</label><b r />
<input id="pass" type="password" na me="edit[pass]" size="20" class="ip t" /><br />
<label for="himitu">Secret:</label>& lt;br />
<input id="himitu" type="checkbox" name="edit[himitu]" />管理者にだけ表示<br /><b r />
<input type="submit" value="送信する" / >
<input type="submit" name="edit[delete]& quot; value="削除する" />
</p></div><div class="clast">& lt;/div></form>
<div class="btop"><h3><img src=&q uot;http://blog6.fc2.com/o/opusi/file/oar01.gif" width= "14" height="14" alt="" /> <a name="trackback">トラックバック</a></h3 ></div><div class="bmiddle"><p c lass="msg">トラックバックURL↓<br /><%trackbac k_url></p>
<p class="msg"><a href="<%tb_ur l>" 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 cl ass="clast"></div>
</div>
<div id="menu">
<div class="rtitle"><h4><img src= "http://blog6.fc2.com/o/opusi/file/06_ar2.gif" wid th="20" height="14" alt="" /&g t; Calendar</h4></div><div class="rpict& quot;><table summary="calender" class=" calender" border="0" cellspacing="1" ; cellpadding="0" align="center">< caption><a href="<%prev_month_link>"&g t;<%prev_month></a> | <%now_year> / <%n ow_month> | <a href="<%next_month_link>&quo t;><%next_month></a></caption>
<tr><th abbr="日曜日" scope="row" ;><img src="http://blog6.fc2.com/o/opusi/file/o_s un.gif" width="23" height="5" alt=& quot;" /></th>
<th abbr="月曜日" scope="row"><i mg src="http://blog6.fc2.com/o/opusi/file/c_mon.gif&quo t; width="23" height="5" alt="" ; /></th>
<th abbr="火曜日" scope="row"><i mg src="http://blog6.fc2.com/o/opusi/file/c_tue.gif&quo t; width="23" height="5" alt="" ; /></th>
<th abbr="水曜日" scope="row"><i mg src="http://blog6.fc2.com/o/opusi/file/c_wed.gif&quo t; width="23" height="5" alt="" ; /></th>
<th abbr="木曜日" scope="row"><i mg src="http://blog6.fc2.com/o/opusi/file/c_thu.gif&quo t; width="23" height="5" alt="" ; /></th>
<th abbr="金曜日" scope="row"><i mg src="http://blog6.fc2.com/o/opusi/file/c_fri.gif&quo t; 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&qu ot; alt="" /></th>
</tr><tr><td><%calender_sun></t d><td><%calender_mon></td><td>< ;%calender_tue></td><td><%calender_wed> </td><td><%calender_thu></td><td& gt;<%calender_fri></td><td><%calender_s at></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://fc 2.com">'+
'<img border=0 src="http://www.sugoicounter.c om: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" wid th="20" height="14" alt="" /&g t; Category</h4></div><div class="rmain& quot;><a href="<%category_link>">&l t;%category_name> (<%category_count>)</a>< /div>
<div class="rtitle"><h4><img src= "http://blog6.fc2.com/o/opusi/file/06_ar2.gif" wid th="20" height="14" alt="" /&g t; Recent Entries</h4></div><div class=" rmain"><a href="<%recent_link>"&g t;<%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" wid th="20" height="14" alt="" /&g t; Recent Comments</h4></div><div class=" ;rmain"><div id="commentlist"><%r comment_etitle><br /><script type="text/jav ascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rco mment_day>,<%rcomment_hour>)
</script>
<a href="<%rcomment_link>#comment">& lt;%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" wid th="20" height="14" alt="" /&g t; Recent Trackbacks</h4></div><div class=&qu ot;rmain"><div class="navi-contents" id ="tblist">
<%rtrackback_etitle><br /><a href="< ;%rtrackback_link>#trackback"><%rtrackback_blo g_name>(<%rtrackback_month>/<%rtrackback_day> )</a></div></div>
<div class="rtitle"><h4><img src= "http://blog6.fc2.com/o/opusi/file/06_ar2.gif" wid th="20" height="14" alt="" /&g t; Archives</h4></div><div class="rmain& quot;><a href="<%archive_link>">< ;%archive_year>年<%archive_month>月 (<%archive_cou nt>)</a></div>
<div class="rtitle"><h4><img src= "http://blog6.fc2.com/o/opusi/file/06_ar2.gif" wid th="20" height="14" alt="" /&g t; Bookmarks</h4></div><div class="rmain "><a href="<%link_url>"><%l ink_name></a></div>
<div class="rtitle"><h4><img src= "http://blog6.fc2.com/o/opusi/file/06_ar2.gif" wid th="20" height="14" alt="" /&g t; Profile</h4></div><div class="rpict&q uot;><img src="<%image>" alt="< ;%author_name>" /></div>
<div class="rpmain"><span class="r pro">Author:<%author_name></span><spa n class="rpro"><%introduction2></span& gt;</div>
<div class="rpmain"><span class="r pro"><a href="<%url>?xml">RSS1 .0</a> | <a href="<%url>?admin"> 管理モード</a></span><span class="rpro"& gt;<%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://fc2we b.com/">ホームページ</a> <a href="http://blo g.fc2.com/">ブログ</a>(<a href="http://bl og.fc2.com/">blog</a>)</div>
<img border=0 src="http://www.sugoicounter.com:100 00/cgi-bin/counter.gif?id=271934&page=1&uniq=0&c nt=4">
</noscript>
<div class="rpmain"><form action=" ./" method="get"><input type="text " size="20" name="q" value="&q uot; maxlength="200" class="ipt" /> & lt;input type="submit" value="Search" cl ass="search" /></form></div>
</div>
<div class="navi" style="clear:both" ;>
<a href="<%prevpage_url>"> <& amp;lt; 前ページ</a>
| <a href="<%url>">ホーム</a> |
<a href="<%nextpage_url>">次ページ & ;gt;></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="',linkUr l,'">',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="',linkUr l,'">',objLink.innerHTML,'</a>& #039;).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="',link Url,'" 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 39;);
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.s ort) linkList[斜体].reverse();
for (j=0;j').join('');
}
outText[outText.length] = '\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 tr ue:並び替える 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/f ile/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/f ile/06_b02.gif");
float:left;
overflow:hidden}
/*エントリー部分*/
.btop{
width:502px;
height:44px;
background:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/f ile/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/f ile/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/f ile/06_b03.gif");
clear:left}
.clast{
width:502px;
height:60px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/f ile/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/f ile/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/f ile/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}
2005年09月27日 20:52 by FC2スタッフ
旧フォーラムの記事です
daniel 2005-06-27 17:01:20
件名 :
.
以下が御参考になるかと思います。
http:/ /pcafe.blog3.fc2.com/blog-entry-120.html
> 出来ればHTMLと置く場所を教えて頂けると嬉しいです。
残念ながらテンプレートもURLも不明ですので具体的なソースはお示しいたしかねます。
.
2005年06月27日 17:01 by daniel
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー