![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
FC2ブログを使用してます。
共有テンプレートを少しいじってタイトルの下に「NEW ENTRY」という形で10件ほど記事タイトルを表示してます。
こんな感じです。
http://miyukiwf.blog35.fc2.com/
この中でさらに最新のもの(1日~2日内にアップしたもの)の右に「NEW」表示をつけたいんです。
使用しているテンプレートのHTMLはこんな感じです。(上の方だけですが・・)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />
<!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼-->
<!--/メタタグここまで-->
<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
</head>
<body>
<!--▼アクセス解析タグを入れる場合はここから▼-->
<!--/アクセス解析タグここまで-->
<!--▼レイアウトここから▼-->
<div id="layout">
<!--▼ヘッダーここから▼-->
<div id="header">
<p class="admin"><a href="<%url>?all" target="_self" title="全記事リストへ">*Allarchives</a>
<a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p>
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>
<!--/ヘッダーここまで-->
<!--▼横カレンダーここから(いらない場合はここから削除▼-->
<div class="yoko_calender">
<%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a>
<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!--/横カレンダーここまで(いらない場合はここまでを削除)-->
<!--▼メインここから▼-->
<div id="main">
<!--▼メイン記事ここから▼-->
<!-- ▼INDEX表示が邪魔な場合はここを削除 -->
<!--index_area-->
<!-- NEWENTRIES -->
<div id="newentrys">
<h2 id="newentryname" class="navi-title">New Entries</h2>
<div id="newentrylist" class="navi-contents" >
<ul>
<!--recent-->
<li><a href="#no<%recent_no>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</ul>
</div>
</div>
<!-- NEWENTRIES END -->
<!--/index_area-->
<div id="main_block">
こういうカスタマイズというのも不慣れな者ですがどうぞよろしくお願いします。
No.2ベストアンサー
- 回答日時:
「新着エントリーに New マークを表示する for FC2ブログ」
http://www.koikikukan.com/archives/2006/07/30-00 …
こちらを参考にしてみます。
「1.テンプレートの修正」のソース中に入っている、
<span class="new"><%recent_year>:(中略):<%recent_second></span>
上記の記述を、(<%recent_month>/<%recent_day>) と </li>の間に入れます。※ソース見慣れてない人にはちょっと見つけにくいかもですが頑張って見つけてください。
次に、「1.テンプレートの修正」にあるソースの中の、
<script type="text/javascript">
<!--
(中略)
//-->
</script>
部分を、<!-- NEWENTRIES END -->の上に入れます。
>1日~2日内にアップしたもの
ということであれば、このスクリプトの中の
var pass = 24;
の数字を、48とか、好きな数字に変えます。
で、最後に、CSSに「3.CSS設定」の記述を追加します。
再び教えていただいてありがとうございます!
とっても分かりやすく説明していただいたのでその通りにやってみました!
そしたらちゃんと思い通りに「NEW」マークが表示されました!
ダメもとで質問を出してみたので望みどおりのカスタマイズができてとても感激してます・・
本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「Ad Remover」について
-
楽天カードでガソリン入れたの...
-
DMMアフィリエイト
-
YouTube でAI を使って月5万か...
-
「八百万の神」このサイトは何...
-
ブログのGoogleアドセンス申請...
-
最近の、画面いっぱいに出てく...
-
アフィリエイトサイトは軌道に...
-
Googleによる楽天のエロ広告の...
-
グーグル広告がうざい
-
自分のブログを出品したのです...
-
インスタでアフィリエイトをす...
-
月収100万円以上稼いでいるアフ...
-
HTMLプログラミングについて
-
Googleでアフィリエイト禁止事...
-
ツイッターのメール問い合わせ...
-
アフィリエイト初心者です。 こ...
-
半兵衛でさえ、アフィリエイト...
-
Instagramのロゴ使用ガイドライ...
-
楽天アフィリエイトをTwitterで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CGI.pmでかけないタグってあり...
-
C# htmlの一部の文字取得
-
JUGEMのブログデザインについて
-
vb2019でHTMLの取得
-
複数行のdocument.writeで表示...
-
HTMLの編集方法
-
どうしてもボタンが横一列に並...
-
ホームページのプルダウンについて
-
最新記事一覧の中でさらに「NEW...
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
パワーポイント:テキストボッ...
-
Google Keepで数字に勝手に下線...
-
AppleのNumbersというアプリで...
-
HTMLのbody内に<style>~</styl...
-
アンダースコア(下線)のあるメ...
-
エクセルのセルの下線が消えない
-
AUTOCAD文字の下に同じ長さの線...
-
Latexにおける下線のひき方のコト
おすすめ情報