キネンビ

 

大事な日を忘れないように…
イベントからの経過年月日数と、次の○周年までの残り日数をカウントダウンするパーツです。

などなど、いろいろな記念日にお使いください

過去の日付からの経過年月日数を表示するものです。これから始まるイベントへのカウントダウンとしては使用できませんので、ご注意ください。

使い方

1.日付を設定します

記念日の日付 年   月  
イベントのあった日付(過去)を設定してください。
1行目
結婚式から / 交際開始から / ブログ開始から / など自由に。
不要なら空欄で。

2.詳細な設定をします(任意)

表示をカスタマイズできます。見本と同じでよいなら、ここは飛ばして構いません。

アクセント色
ベース文字色
マーク お好きな文字や記号を。不要なら空欄にしてください。
↑「♥」というのは ♥ です。

マークにアイコン画像を使う
アイコン画像のURL(http://〜)
★必ずご自分のブログにアップロードした画像を使ってください。
マークの位置 無し  左  右  左右
数字の強調太字にする
横位置揃え センタリング  左揃え  右揃え
文字サイズ 貼り付けた場所に設定されているサイズ(推奨)
文字サイズを指定する
カウントダウンの表示期間
常に表示
日前からカウントダウン表示開始(1〜365日の間で自由に設定)
記念日当日にメッセージのみ表示
何も表示しない
当日のメッセージ
Congratulations! / Happy anniversary! / など
★記念日当日のみ、カウントダウンの代わりに表示されます。
記念日の日付 表示しない  = since yyyy.mm.dd =
パーツの枠の幅 特に指定しない(貼付けた場所での最大幅)
指定する px
枠線

線種 線の幅 px

※二重線を選択したときは、幅は3以上にしてください。

背景色

3.ソースコードを作成します

 

  • 確認ウィンドウが出てこないときは、お使いのブラウザの、ポップアップのブロックを解除してください。
  • 設定を変更した時は、再度「ソースコード作成」をクリックしてください。

4.ブログに貼り付けます

確認してOKなら、ソースコード欄内で右クリック・コピーしてください。
お使いのブログやウェブページのブログパーツ用スペースへ貼り付ければ完了です!

貼り付け方が分からないときは、設置方法、またはお使いのブログサービスの公式サイトで「ブログパーツの貼付け方」等をご覧下さい。

禁止事項

No reproduction or republication without written permission.
To use any of my site JavaScripts, you must provide a link back to this url .

詳しくは利用規約をご覧ください。

トラブルシューティング

更新記録

2014/11/15
入力のカラーピッカーを変更。前のスクリプトは色コードを直接入力したりコピペした場合、入力欄の背景色に変化がなくわかりにくかったので。(変わらないことに気付いたのが今日…)
2014/10/29
詳細設定に「背景色」を追加。枠線の入力欄を修正。
2011/2/21
詳細設定の「パーツ枠の幅」を修正。
2011/2/19
詳細設定に「パーツ枠の幅」と「枠線」の設定を追加。
2009/12/9
詳細設定に「記念日の日付」の表示/非表示を追加。
2009/4/19
メッセージ一部変更。
「○年○ヶ月ちょうど」→「ちょうど○年○ヶ月」
最後に「経過しました」など加える場合に違和感があるため。
2009/4/9
teacupブログで表示されないのを修正しました。
teacupって「'」は使えるようになったけど「&&」は未だにダメだったんですね…!orz
2009/3/25
詳細設定項目を追加。マークの位置、数字の強調、横位置揃え、文字サイズ、カウントダウンの表示期間、記念日当日のメッセージを画面上で設定できるようになりました。
2009/3/6
公開。(FC2用「WeddingAnniversary」を記念日汎用タイプに改造。)
表示に関する機能が色々あるのですが、入力フォームの整備をやっているとどんどん公開が延びそうなので、まずはミニマムで公開します。
最終的には、日数カウントアップの付加・複数記念日設定・個別に画像を表示する・表示順と項目を変更する・左右寄せ・数字強調・フォントサイズ・マーク位置選択・記念日前のカウントダウン(追加スクリプト)・枠線と背景のスタイル指定、の設定が画面上で出来るようになる…予定です。