新着記事に対して新着マークをつける

新着記事に対して、記事タイトル横にの画像を表示させるカスタマイズです。
FCafeのDanielさんの「新着マーク」という記事を参考にしています。ありがとうございました。

HTMLの編集を行います。

</head>

の直前に、以下の記述を追加してください。

<script type="text/javascript">
//<![CDATA[
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; //新着マークを表示する時間
var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="http://blog-imgs-1.fc2.com/i/image/e/303.gif" class="emoji" style="margin-left:0.3em;" />')}
}
//]]>
</script> 

次に、

<div class="entry-title"><h2 class="entry-title">
<a href="<%topentry_link>"><%topentry_title></a></h2></div>

という部分を、次のように書き換えてください。

<div class="entry-title"><h2 class="entry-title">
<a href="<%topentry_link>"><%topentry_title>
<script type="text/javascript">
//<![CDATA[
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
//]]>
</script></a></h2></div>

細かい編集を行いたい場合は、Danielさんの記事をご覧になったほうが早いかと思います。

画像差し替えに関する注意点を更新

http://rimse.blog73.fc2.com/blog-entry-102.html
内容を追加、一新し、デザインもそこそこ見やすいものにしました！
また、カスタマイズに失敗している方のブログを見るのが辛くて辛くて仕方がないので、かなり脅迫的な文に変えてみました。多分これでも見ない人は見ないんでしょうけど。
もしかすると文章のしつこさにイラッと来る方もいるかもしれませんが、これでミスに気づいてくれる方が一人でも増えてくれれば万々歳なので、ちょっと悪役になってみます。


人になにかを伝えるって難しいですね。

MeaCulpa ver.2.1リリースです

ブログ内で配布しているテンプレート「MeaCulpa」をver.2.0.0からver.2.1にアップデートしました！
ToDoにあった、「アンカーにマウスオーバーするとかっくんかっくんする（IE）のを修正」を行ったほか、追記開閉スクリプトの不具合を修正しました。

使っていてすこしでも「なんか変だなー？」と思うところがあれば、どんどんコメントしていただきたいです。というのも、利用している方が共有に登録しているものと比べて格段と少ないため、あなたが報告しないかぎり修正される可能性は限りなく低いからです。残酷ですねー（何）

Ad-astra ver.2.0 テスト開始です

過去の遺産と化していたAd-astraを頑張って整理してみました。
Design Selectからスタイルを選べるようになっています。
現在テスト中ですので、気になるところなどありましたらお気軽にコメントしてくださいませ。

今のところ、6種類のデザインを選べるようになっていますが、実はこれ、全部共通のHTMLからできています。切り替えているのはCSSだけなんですね。
CSSによるデザインの幅の広さというのを少しでも感じていただければ嬉しいです。



ただ、その分HTMLはdivが多くて嫌いな人は嫌いかも…。難しいなｰ。

IE8でリストマーカーが大きくなる件 その後

IETesterのバグかな？と思っていたのですが、どうやらIE8の仕様だったみたいです。
「Inconsistent list item marker implementation when DOCTYPE in use」

一応フォントの指定などで治るみたい。ただ、どのフォントを使えばいいかよくわかんないので、やっぱりIE8用に記述を残したままにします。
マーカーが大きくなるのはCSSの仕様上正しいということなんですが、正直デザイン的にどうよ・・・という感じ。画像などを使っているわけではないので、UAによって表示が違うのは仕方ないんですけどね。

なお、NudeにはIE8用のスタイルが適用されていないので、次のアップデートで適用したいと思います。

60000ダウンロード達成してました。

久しぶりにテンプレートの総ダウンロード数を計算したところ、62881件（テンプレート数：公開17件・凍結1件）のダウンロードとなっていました！
バージョンアップなどのため、複数回ダウンロードしてくださっている方もいらっしゃると思うので、ダウンロード数はあくまで目安なのですが、それでもこれだけの方がNefertのテンプレートに興味を持ってくれたというのがとてもうれしいです。
皆さん本当にありがとうございます！

相変わらず更新頻度は低め（最近は入院中で暇すぎて結構更新してますが）ですが、これからもどうぞよろしくお願いします。
目指せ、有名テンプレーター！（無理

Blanc新バージョンテスト開始

既存テンプレートの更新作業を少し進め、Blanc2.0のテスト公開版を作りました。
Design Selectに入っていますので、お試しくださいませー。
何か表示に気になるところがありましたら、どんどんコメントしていただけるとありがたいです。

Ad-astraとかExnihilo以前は,更新がかなり大変そうなのでなかなか手をつける気になりません・・・。
半年以上手付かずだったので、中身も全然覚えてないんですよね。どーしよー。

Nude1.1への手作業での更新について（追加情報）

先日公開したNude1.1への手作業での更新方法に、フッタ部分の★マークを消す方法を追加しました。
http://rimse.blog73.fc2.com/blog-entry-289.html#no10
これを適用すれば最新版の更新通知機能が動作するようになります。

なお、手作業で更新したことがわかるように、フッタ部分に表示されるバージョンは、[Nude 1.1]ではなく[Nude 1.1*]となります。

Nude ver.1.1リリースです。

Nudeをver1.1にアップデートしました。
更新内容は次の通りです。

・全記事一覧表示に対応
今回の更新の中で一番大きな機能改善です。
http://rimse.blog73.fc2.com/?all
このようにブログのURLに「?all」をつけることで、すべての記事の一覧を表示させることができます。

・記事がない場合の表示改善
http://rimse.blog73.fc2.com/blog-entry-283.html
こちらで触れていた更新です。

・プラグイン3の出力方法を変更
これまではトップページ以外はCSSで非表示にしていたのですが、やっぱりHTMLに余計なものがあるのが気持ち悪かったのでトップページ以外ではHTMLにも出力されないようにしました。

・フッタ部の表示方法変更
・簡易カスタマイズ一部改良
これらは、ページ全体に背景画像を使用しやすいようにするための仕様変更です。


カスタマイズ等の理由によりテンプレートの更新が難しい方は以下の編集を行ってください。

■1
赤字部分を追加してください。

<!--not_index_area--><title>
<!--permanent_area--><%sub_title> - <!--/permanent_area-->
<!--date_area-->Archives[ <%sub_title> ] - <!--/date_area-->
<!--category_area-->Category[ <%sub_title> ] - <!--/category_area-->
<!--search_area-->Search[ <%sub_title> ] - <!--/search_area-->
<!--tag_area-->Tag[ <%sub_title> ] - <!--/tag_area-->
<!--titlelist_area-->All Title List - <!--/titlelist_area-->
<%blog_name></title><!--/not_index_area-->

■2
赤字部分を追加してください。

<!--index_area-->
<!-- 【 ▼プラグイン3 ここから 】 -->

■3
赤字部分を追加してください。

<!-- 【 ▲プラグイン3 ここまで 】 -->
<!--/index_area-->

■4

<!-- 【 ▲トラックバックエリア ここまで 】 -->

この直後に、以下の記述を追加してください。

<!--titlelist_area-->
<!-- 【 ▼全記事一覧表示 ここから 】-->
<div class="entry all-titlelist-area"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%url>?all">All Title List : 全記事一覧</a></h2></div>
<div class="entry-time"><p class="entry-time"><a href="<%url>" title="<%blog_name>"><%blog_name></a> の記事を全て表示しています。</p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<dl class="titlelist">
<!--titlelist-->

<dt class="titlelist-header-title titlelist-category-<%titlelist_category_no>"><a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a></dt>
<dd class="titlelist-header-info  titlelist-category-<%titlelist_category_no>">
<span><%titlelist_year>年<%titlelist_month>月<%titlelist_day>日 <%titlelist_hour>:<%titlelist_minute></span> 
<span>[<a href="<%titlelist_category_url>" title="<%template_category> : <%titlelist_category>"><%titlelist_category></a>]</span></dd>
<dd class="titlelist-body titlelist-category-<%titlelist_category_no>"><%titlelist_body>...</dd>

<!--/titlelist-->
</dl>
</div></div>
</div></div>
<!-- 【 ▲全記事一覧表示 ここまで 】-->
<!--/titlelist_area-->

■5
スタイルシートに以下を追加してください。

/* ■■ [21]全記事一覧についての設定 ■■
───────────────────────────────────────
*/

/*[21.1]*/
div.all-titlelist-area dl.titlelist {
  line-height : 1.2;
}

/*[21.2]*/
dl.titlelist dt {
  margin-top : 1.5em;
  padding-left : 6px;
}

/*[21.3]*/
dl.titlelist dd {
  padding-left : 6px;
}

/*[21.4]*/
dl.titlelist dt.titlelist-header-title {
  border-left : 2px solid #666;
  padding-top : 3px;
  font-weight : bold;
  padding-bottom : 1px;
}

/*[21.5]*/
dl.titlelist dt.titlelist-header-title a {
  text-decoration : none;
  font-size : 120%;
}

/*[21.6]*/
dl.titlelist dd.titlelist-header-info {
  margin : 0 0 1px;
  border-left : 2px solid #666;
  padding-bottom : 3px;
  font-size : 90%;
}

/*[21.7]*/
dl.titlelist dd.titlelist-header-info span {
  padding-right : 0.5em;
}

/*[21.8]*/
dl.titlelist dd.titlelist-body {
  padding-top : 2px;
  padding-bottom : 2px;
  border-left : 2px solid #aaa;
}

■6
スタイルシート、簡易カスタマイズ項目内にある、

/* 【カラム幅の変更】
[1]～[2]に従って編集してください */

/*[1]：A1・A2のwidthの値を足して「99%」になるように変更 */
#main {
/* A1:記事側 */
  width : 59%;
}
#header , #sub {
/* A2:タイトル・プラグイン側 */
  width : 40%;
} 
 
/*[2]：「35%」の部分を、(A2のwidthの値 - 5%)の値に変更*/
#wrapper { background-position : -35% 0; }

を次のように変更してください。

/* 【カラム幅の変更】
[1]～[3]に従って編集してください */

/*[1]：A1・A2のwidthの値を足して「99%」になるように変更 */
#main {
/* A1:記事側 */
  width : 59%;
}
#header , #sub {
/* A2:タイトル・プラグイン側 */
  width : 40%;
} 
 
/*[2]：「35%」の部分を、(A2のwidthの値 × 0.875)の値に変更*/
/*※代入する値は小数第一位程度までで大丈夫です */
#page { background-position : 35% 0; }

/*[3]：「40%」の部分を、A2のwidthの値に変更*/
#footer { margin-left : 40%; }

■7
スタイルシート内の、

/*[2.2]*/
#wrapper {
  font-size : 75%;
  margin : 0 auto;
  background-image : url("http://blog-imgs-41.fc2.com/r/i/m/rimse/border-y-444.gif");
  background-repeat : repeat-y;
  /* for IE5 */ text-align : left;
}

を、次のように変更してください。

/*[2.2]*/
#wrapper {
  font-size : 75%;
  margin : 0 auto;
  /* for IE5 */ text-align : left;
}

#page {
  background-image : url("http://blog-imgs-41.fc2.com/r/i/m/rimse/border-y-444.gif");
  background-repeat : repeat-y;
}

■8
スタイルシート内の、

/*[5.2]*/
#main .main-container{
  padding : 0 1.5em;
}

を、次のように変更してください。

/*[5.2]*/
#main .main-container{
  padding : 0 1.5em 5em;
  min-height : 25em;
}

.lt-ie7 #main .main-container{
  height : 25em;
}

■9
スタイルシート内の、

/*[19.1]*/
#footer {
  padding : 2em 0 1em;
  text-align : center;
  font-size : 10px;
  clear : both;
}

を、次のように変更してください。

/*[19.1]*/
#footer {
  padding : 1em 0 1em;
  text-align : right;
  font-size : 10px;
  clear : both;
}

■10
最後に再びHTMLを編集します。

<!-- 【 ▼フッタエリア ここから 】 -->
<hr class="separator" />
<div id="footer">
<div class="ad"><%ad>/<%ad2></div>
<p class="design">
Template[Nude <span id="version" class="nude-update ver10">1.0</span>] By <a href="http://rimse.blog73.fc2.com/">Nefert</a>
</p>
<p class="licence">
このテンプレートは、<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">クリエイティブ・コモンズ・ライセンス</a>の下でライセンスされています。<br />
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">
<img src="http://blog-imgs-41.fc2.com/r/i/m/rimse/cc-by.png" alt="Creative Commons License" style="border-width:0" /></a>
</p>
</div>
<!-- 【 ▲フッタエリア ここまで 】 -->

を、次のように変更してください。

<!-- 【 ▼フッタエリア ここから 】 -->
<hr class="separator" />
<div id="footer">
<div class="ad"><%ad>/<%ad2></div>
<p class="design">
Template[Nude <span id="version" class="ver11"><span class="nude-update">1.1*</span></span>] By <a href="http://rimse.blog73.fc2.com/">Nefert</a>
</p>
<p class="licence">
このテンプレートは、<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">クリエイティブ・コモンズ・ライセンス</a>の下でライセンスされています。<br />
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">
<img src="http://blog-imgs-15.fc2.com/r/i/m/rimse/creativecommons-by.png" alt="Creative Commons License" style="border-width:0" /></a>
</p>
</div>
<!-- 【 ▲フッタエリア ここまで 】 -->

[ Close ]

コメントする際のお願いを追加しました。

コメント投稿の部分に以下のようなお願いを追加いたしました。

質問の際のお願い

テンプレートに関する質問は、それぞれのテンプレート用の記事にて受け付けています。

質問の際には、情報の共有のため非公開コメントはご遠慮くださいませ。
また、ソースコードの確認が必要になることが多いため、できる限りブログのURLを入力してください。ブログのURLを公開したくない場合は、質問内容を公開コメントで投稿した後、非公開コメントにてブログのアドレスを追加投稿してくださいませ。

質問以外のコメントは、ご自由にコメントしていただいて結構です。たくさんのコメントお待ちしております。

今まであまり気にせず対応してきたのですが、やり取りが増えてくるにつれ「情報がばらばらになること」「どういったやり取りがされているか閲覧者側からわからないこと」が多くなってきたので、お願いとして明記させていただきました。
多少窮屈に感じられるかもしれませんが、質問の際にはご協力いただけると幸いです。

全記事表示に対応しよう

現在Nefertのテンプレートは全記事一覧表示に対応していないので、FC2のデフォルトの表示になってしまいます。
いつか対応しなきゃなーと思いつつ、放置状態だったのですが、入院中暇だったので作ってみました。片手で。
適用させるとこんな感じです。
http://rimse.blog73.fc2.com/?all

ただ、この機能を活用したことがないので、今のところ最低限のことしか表示させていません。
いろいろアドバイスいただけるとありがたいです。

度々ごめんなさい。Snowdance更新です。

Snowdance2.23をSnowdance2.3にアップデートです。
IE6～7に対して、カラム幅変更のカスタマイズが適用されない不具合を修正しました。

カスタマイズ等の理由によりテンプレートの更新が難しい方は以下の編集を行ってください。

スタイルシートを編集します。

/*[3.1-b:for IE5-IE7]*/
.lt-ie8 #header {
  width : 49.5%;
}

この部分を削除してください。

[ Close ]