2008-09-01

ちょっとデザインを / Nucleus

この blog のデザインをちょっと変えてみました。左上あたりのカレンダー表示とカウンター表示です。

カレンダーは NP_Calendar を使わせていただいていますが、css に下記を追加し見た目を変更しました。

/* NP_Calender */

table.calendar {background-color:#fff;border-collapse: collapse;font-family:sans-serif;border:1px solid #888;}

table.calendar caption {color:#aaa;letter-spacing:2px;padding:4px;}

table.calendar th,table.calendar td {border:1px solid #888;padding:2px 4px;}

table.calendar th {text-align:center;}

table.calendar td {text-align:right;color:#888;letter-spacing:0px;}

tr.calendardateheaders {background-color:#888;color:#fff;}

td.blank {background-color:#f5f5f5;}

td.saturday {background-color:#ccccff;}

td.sunday {background-color:#ffcccc;}

td.today {background-color:#99ff99;}

もう一つ、カウンターは NP_Counter を利用させて貰っているのですが、こちらはちょっと改造。トータルカウンターの数字画像だけを変更するためと、改行を挿入するためです。以下のようにちょっと追加し、counter/total/ にトータルカウンタ用の gif ファイルを用意しました。

//graphical counter

    if ($mode == 'image') {

        $image_path  = $this->getOption('graphics_path');



        $total_image_path = $image_path . "total/";

        if (!empty($expath)) $image_path .= $expath.'/';

        $image_total = $this->getImageTags($new_number, $total_image_path, $ext);



       if ($is_detail=='yes') {

            $str_total = "<img src='{$image_path}total.$ext' class='icon' alt='Total' />";

            echo "{$str_total}$image_total<br />";

            echo "\n<span class='counter-detail'>";

太字斜字のところが、変更･追加したところです。

ますますゴタゴタしたようですが、ご勘弁ください。

00:16:20 - No Trackbacks | Permalink Posted by ippo - No comments

«Prev | | 1 || Next»

ポチッとお願いします
　　　↓

< 2008-09 >
日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

Navigation

MoKuJi Top Mail

New comments & TB

Thunderbird 3.0b1 Intel Mac build
- 01/05 ippo
  上記、差し替えました。
- 01/05 ippo
  > Thnderbirdになってませんか？申し訳ありません..
- 01/05 unusualdays
  いつもありがたく使わせて頂いております．ふと使って..
明けましておめでとうございます
- 01/01 Ellinikonblue.com Weblog ping:
  あけましておめでとうございます
有馬記念
- 12/31 Turf Watch ping:
  DON'T STOP THE SCARLET
- 12/28 不定期更新のスポーツニ.. ping:
  馬に夢託す「清き一票」!!その先にドラマは生まれるのか..
- 12/27 Turf Watch ping:
  2008 JRA GI LAST RACE 「有馬記念」
- 12/27 【血統フェスティバル】.. ping:
  ◎フローテーション有馬記念(2008年)【血統フェスティバ..
SimCity
- 12/19 ippo
  > テクノキッズさん幸いというべきか、その頃は既..
- 12/19 テクノキッズ
  X68000、懐かしいですね。当時中学生の自分には手が出..
Firefox 3.0.4 & 2.0.0.18 optimized build for Intel Mac
- 12/14 ippo
  > konara さんコメントありがとうございます。 ..
- 12/13 konara
  初めて？いえ,確か何度かお邪魔したことがあると思います..

My Links

ブログ仲間たち

<script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877648132"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877648132" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877648132" height="125" width="125" border="0"></a></noscript> <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877648136"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877648136" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877648136" height="125" width="125" border="0"></a></noscript> <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877648141"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877648141" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877648141" height="125" width="125" border="0"></a></noscript> <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877646307"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877646307" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877646307" height="60" width="120" border="0"></a></noscript> <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877687837"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877687837" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877687837" height="60" width="120" border="0"></a></noscript> <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2526304&pid=877709779"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2526304&pid=877709779" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2526304&pid=877709779" height="60" width="120" border="0"></a></noscript>

<h1 style="font: 14px Arial, Helvetica, sans-serif">Apple Store Status</h1> <p style="font: 11px Arial, Helvetica, sans-serif">View Pingdom’s <a href="http:// applestorestatus.pingdom.com/">Apple Store Status</a>.</p>

2008-09-01

ちょっとデザインを / Nucleus

Navigation

Navigation

Categories

おすすめ

今月の人気記事

New comments & TB

My Links

ブログ仲間たち

Nucleus CMS v3.31SP2

powered by