top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_539

リスト表示頁FIX と newアイコン:もちょっとカスタマイズしておこう ・・・ 【FC2ブログカスタマイズ】

 2008-12-10
 ブログのカスタマイズ続けて・・・

 先日
  ・カテゴリアーカイブの頁
   リスト表示形式にカスタマイズした。
   >> リスト表示頁:ちゃんと本文抜粋つきのリスト頁じゃなきゃな。 ・・・ 【FC2ブログカスタマイズ】

 だけど
  ・年月アーカイブ頁
  ・検索結果表示頁
 が、片手落ち。

 ・これらも、リスト表示形式で表示されるようにして 完成だよな。

 後は、
 ・新着アイコン(newアイコン)を実装

FC2ブログの方で、興味ある方は・・・
 ◎創るmetaboy で、もちょっとカスタマイズ

 追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more**************************************************
創るmetaboy で、もちょっとカスタマイズ
**************************************************

 先日の
 ・リスト表示頁:ちゃんと本文抜粋つきのリスト頁じゃなきゃな。 ・・・ 【FC2ブログカスタマイズ】
 で残った
  ・年月アーカイブ頁
  ・検索結果表示頁
 も、リスト形式に。

【顛末記録】
 ■2008年12月9日
  ◇課題

   さて、FC2では
   ・FC2ブログで利用できる変数
    >>> FC2ブログ:テンプレート中で使える変数一覧
   があり、いろいろできるのだけれど

   制御文が使えるわけではない。

   今回は

    ・index頁や 通常の記事単独頁は
     普通に記事が見れて
    ・それ以外の
      ・カテゴリアーカイブの頁
      ・年月アーカイブの頁
      ・検索結果の頁
     のみ、リスト形式にしたい。

  ◇力技

   で、結局 「入れ子」となった。

   ・入れ子の構造で、
     「index頁や 通常の記事単独頁」
    と
     「それ以外の頁」
    を分けてやればいい。

  ◇設置

   □テンプレートの
    エントリー記事周辺で、
    次のようにして、入れ子で
    「index頁や 通常の記事単独頁」と
    それ以外を分ける

<!--category_area-->
(リスト形式にするソース)※前回参照
<!--/category_area-->
<!--not_category_area-->
<!--date_area-->
(リスト形式にするソース)※前回参照
<!--/date_area-->
<!--not_date_area-->
<!--search_area-->
(リスト形式にするソース)※前回参照
<!--/search_area-->
<!--not_search_area-->
通常の記事用のソース
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->

 ホントは、他に方法あるのかもしれない。
 教えて欲しい・・・


  ◇2つ目の課題
 次は、newアイコン
 ※素直に、先人の知恵を頼る。

 ■新着記事に新着表示「NEW」マークを付けて目立たせる
  ( FC2ブログのテンプレート工房 さん )
   これでバッチリ! ありがとうございました。

 ソースは、
function nw(u1,u2,u3,u4) { 
var today=new Date();
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="(アイコンのURL)" border="0" alt="新着記事!です" width=30 height=9 border=0>')}
}

 を用意しておいて

 位置的に、年月日の前に
<script type="text/javascript"> 
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>

とする。

 ・JavaScript に年月日の値 送り込んで
  判断。
 ・document.write するわけですなぁ。

 アイコンは、
 ■NEWアイコン
  ( アイコン王のフリー素材 さん )
   こちらでお借りした。素敵なアイコン、ありがとうございました。
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/539-2c3b4fd2
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

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