clockモジュール

clockモジュール

(はてな)
くろっくもじゅーる

clockモジュールとは

2005年3月10日リリース、はてなダイアリーにFlashで時計を表示するはてなダイアリーの「モジュール」。
リリース時は有料オプションのみの機能だったが、2007年8月14日(2007-08-14)より、無料でも利用できるようになった。
g:hatenadiary:keyword:時計を表示する(clockモジュール)

  • かんたんデザインあるいはclockモジュールを用いて設定を行うことで、日記のサイドバーなどにアニメーションする時計を表示することができる。
  • 時計は12種類の中から選ぶことができる。
  • 時計の時刻は、閲覧した人のPCの時刻が反映されます。

以下はリリース時の公式アナウンス。

  • 有料オプションにおける時計表示機能の追加について  id:hatenadiary:20050310:1110453113
  • clockモジュールの追加について id:hatenadiary:20050310:1110453114

使い方

ヘッダやフッタに時計を表示させる方法。

管理ツールトップ > 詳細デザイン設定 で追加・変更する

詳細デザイン設定のヘッダ欄、またはフッタ欄の時計を表示させたい箇所に

<hatena name="clock" type="analog-normal" color="#ffff00">

と記述すると、analog-normal種類の日記を、#ffff00色で表示することができる。
typeパラメータには現在以下の値を指定し、時計表示を変更することができる。(2005/3/10現在)

type名見本色指定
anadigi
analog-metal不可
analog-normal
disc
dot
gear
gear-white不可
handwriting
lcd-black不可
lcd-white不可
morphing
slim

管理ツールトップ > かんたんデザイン設定 で追加・変更する

かんたんデザイン設定「モジュールを選択」の「時計」をチェックし、プルダウンメニューから表示を選んで「この内容に変更する」をクリック。サイドバーに時計が表示される。
※ヘッダやフッタを詳細デザイン設定でカスタマイズしている日記は「かんたんデザイン設定」を使うとすべて上書きされるので要注意。

clockモジュール見本

わたらせさん(id:yasai:20050310:1110460413)作。

(クリックすると拡大画像になります)

スタイルシートによるカスタマイズTips

位置調整

水平位置で中心に

デフォルトでは時計がサイドバーの左寄りに表示されますので、この日記のようにサイドバーの中心におきたいときには、スタイルシートの設定で、

div.hatena-clock {text-align: center;}

を加えればOKです。

関連

新着ブログ: clockモジュール