特徴
- 生まれてからの経過年月日数(○歳○ヶ月○日)と、誕生日までのカウントダウンです。
- 文字色、サイズ、右寄せ・左寄せなどが設定できます。
- 人数は、ひとり〜何人分でも設定できます。
- カウントダウンは表示/非表示を選べます。また「一週間(7日)前になったら開始」など、期間を任意に設定できます。
- 2月29日生まれでもOKです(閏年以外は2月28日を誕生日とします)。
- EC1.32
- 下記の追加スクリプトで機能を表示機能を増やせます。
>>犬猫年齢 (FC2以外の方バージョン)by「駒とチャイ」ブチ様
>>フェレット年齢 by「駒とチャイ」ブチ様
>>ちなみに星座は by「駒とチャイ」ブチ様
>>生後日数表示
禁止事項
スクリプトは再配布禁止です。
リンク付きのスクリプトはリンクウェアです。リンクを削除したり、読み難くしないでください。
No reproduction or republication without written permission.
To use any of my site linkware JavaScripts, you must provide a link back to this url .
詳しくは利用規約をお読みください。
つかいかた
1. 表示タイプを選んでください。
2. 生年月日などを入力します
- 表示
- 表示するものにチェックしてください。チェックを入れたものだけ、上から順に表示されます。
- 名前
- 表示するお名前を入力してください。無くても(削除しても)OKです。
(【1】【2】を選んだ場合は名前がないと「は4歳5ヶ月6日♪」のように「は」が残ってしまうので注意) - 生年月日
- 年は4桁の西暦で。※未来の日付を入れないでください。
- アクセント色
- 名前、カウント数字、マークの色です。
をクリックするとカラーパレットから色を選択できます。パレットに無い色や、WebColorNameは直接入力してください。
削除して空欄にすると、ベース文字色と同じ色で表示されます。 - ベース文字色
- アクセント色以外の文字の色です。
削除して空欄にすると、スクリプトを設置するページで設定されている文字色になります。 - その他
- ・半角入力を全角で入力するとスクリプトが動作しないので気をつけてください。
- ・もし「"」(半角ダブルクォーテーション)を入力する場合は、エスケープ記号(半角\)をつけて「\"」と入力してください。
3. 詳細設定
| ■文字のサイズ (年齢カウント) | |
| ■文字のサイズ (誕生日カウントダウン) |
|
4. スクリプトを作成し、webサイト/ブログに貼り付けます
プレビューはポップアップウィンドウで開きます。表示されないときはブラウザやセキュリティソフトの広告ブロック機能にひっかかっているかもしれません。一時的に広告ブロック機能をオフにしてみてください。
文字色とサイズを設定しないと、暫定的に文字色=#666666、サイズ=12pxで表示されますが、ブログやwebページに貼り付けると、その場所に設定されているスタイルが適用されます。表示スタイルに関してはあくまで参考程度に。
スクリプト作成ボタンを押してもスクリプトが表示されない、入力した項目が反映されないなど不具合がありましたら、お手数ですがBBSかメールフォームで管理人までお知らせくださいませ。(お使いのブラウザも併せてお知らせください。)
このページに入力した情報は残りません!ブラウザバックやページ更新で初期化されてしまいます。作成したスクリプトは念のため「メモ帳」などに貼り付けて保存してください。
トラブルシューティング
>>ブログのプロフィール欄に貼り付けるときの注意点>>ブログに貼り付けるには
>>ホームページビルダーで貼り付けるには
>>表示されないとき
そのほかQ&Aへ!
カスタマイズのヒント
スクリプトを貼り付けた後で修正したいときや、カスタマイズのとき、参考にしてください。
※変更は、スクリプト作成後、一度webサイト/ブログ上でスクリプトが正常に表示されるか確認した後に行ってください。
var ichi="center";
メッセージの横位置の設定です。
left⇒左寄せ
center⇒中央揃え(センタリング)
right⇒右寄せ
となります。(なお、script by KTのリンク文字は、必ず右寄せです。)
var fs1="100%";
スクリプト全体の文字サイズの設定です。初期状態(100%)だと、貼り付けるページで設定されている文字サイズになります。
サイズを小さめにするなら85%、75%などに変更します。
ポイント(pt)やピクセル(px)、emなどでのサイズ指定でもOKです。
var fs2="100%";
誕生日カウントダウンの文字サイズの設定です。100%だと、上のfs1で設定した文字サイズが基準になります。
var bold=1;
アクセント色を強調しない(太字にしない)場合は、var bold=0; とします。
var age0=name+"は"+bm+"月"+bd+"日生まれ"+kai;
var age1=ysf+"歳";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="♪";
var age5="生後";
//0年の時の代替テキストです。0年と表示するときは、var age5=ysf+"日";
var age6="と";
//0ヶ月の時の代替テキストです。0ヶ月と表示するときは、var age6=msf+"日";
var age7="ちょうど";
//0日の時の代替テキストです。0日と表示するときは、var age7=dsf+"日";
var age8=name+"は"+bm+"月"+bd+"日生まれ"+kai+"今日で"+ysf+"歳です♪";
表示されるメッセージは、age0〜age8までの組み合わせになります。[ ]は変数。
- 通常の日
[name]は[ysf]歳と[dsf]日♪…age0+age1+age6+age3+age4
[name]は[ysf]歳[msf]ヶ月ちょうど♪…age0+age1+age2+age7+age4
[name]は[ysf]歳[msf]ヶ月[dsf]日♪…age0+age1+age2+age3+age4 - 生後1年以内
[name]は生後[dsf]日♪…age0+age5+age3+age4
[name]は生後[msf]ヶ月ちょうど♪…age0+age5+age2+age7+age4
[name]は生後[msf]ヶ月[dsf]日♪…age0+age5+age2+age3+age4 - 誕生日
[name]は今日で[ysf]歳です♪…age8
var age0=by+"年"+bm+"月"+bd+"日から開始"+kai;
var age1=ysf+"年";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="経過";
var age5="";
var age6="";
var age7="";
var age8=by+"年"+bm+"月"+bd+"日から開始"+kai+"今日で"+ysf+"周年";
var kai="<B"+"R />";
改行しないときはvar kai=""; とします。
改行しないと、年齢表示と誕生日カウントダウンが1行で表示されます。
※複数人数分を全部1行で表示するには、Sa1、Sa0、script by KTのタグをdivからspanに変更してください。
var Start=366;
カウントダウンの開始日数です。任意の数字を設定してください。(※半角数字のみ)
- 30日前から表示したい場合 ⇒ 30
- 前日から表示する ⇒ 1
- 誕生日にだけ表示 ⇒ 0
- 常に表示する ⇒ 366
- 表示しない ⇒ -1
var pre1=(ys+1)+"歳の誕生日まで"+rdf+"日";
var pre2="明日は"+(ys+1)+"歳の誕生日です";
var pre3="Happy Birthday!!";
誕生日カウントダウンのメッセージ
var pre1=(ys+1)+"周年まであと"+rdf+"日";
var pre2="明日で"+(ys+1)+"周年";
var pre3="Thank You !!";
var Sa1="<div style=font-size:"+fs1+";text-align:"+ichi+";>";
var Sa0="</div>";
全体のスタイル設定
var Sc1="<span style=font-size:"+fs2+";>";
var Sc0="</span>";
誕生日カウントダウンのスタイル設定
マークには、文字・記号の他に、web素材サイト等で配布しているアイコン画像などを使用することができます。
必ずお読みください画像を使用する際は、その画像を配布しているサイトの利用規約を守って、十分に気をつけてお使いください。
『画像への直リンク』 と 『画像の共有登録』 は多くの場合禁止されています。
- 『画像への直リンク』とは
- 素材サイトで公開されている画像のURLをそのままimgタグに指定する行為。(本来は画像を自分のパソコンに保存して、自分のサイト・ブログにアップロードした後のURLを指定します。)
⇒直リンクは素材サイトのサーバー負荷を高めるため、管理者(製作者)に迷惑がかかります。 - 『画像の共有登録』とは
- 画像を第三者と共有できるシステムにアップロードする行為。(FC2アイコンに素材サイトの画像をインポートして共有ONにして保存する行為、一部のオンラインゲームに使用する行為などです。)
⇒作成者以外による登録は、素材の再配布にあたります。
- 使用する画像をブログやサイトにアップロードします。
- 下のタグをコピーしてテキストエディタ(『メモ帳(notepad)』など)に貼り付けます。
- アップロードした画像の上で右クリック→「プロパティ」を表示して、URL(アドレス)をコピーして「画像のURL」と置き換えます。画像サイズは幅×高さで表示されています。
- できたタグを作成フォームの「マーク」欄へ貼り付けて、スクリプトを作成します。(または、貼り付けたスクリプトのマークと置き換えます。)
※Mac用はこちら↓
更新記録
【2007/08/14】EC1.32へ。カウントダウンなしの時、追加スクリプトとの間が1行が空くのを修正。
【2007/08/10】EC1.31へ。入力フォーム形式に変更。kai位置変更。
【2005/7/12】バージョン1.3へ。
※MacTigar標準ブラウザのsafari2.0で見ると、カウントダウン日数がトンデモナイ数字になるというご指摘があり、修正しました。(日付の指定を"2000/1/1"⇒2000,1,1 のように変更、DateParceをgetTimeへ変更)
【2005/6/27】こっそりバージョン1.2へ。
※センタリングはどうするの?というご質問が多かったので、スクリプト内で設定できるようにしました。それに伴い、出力形式を<div …></div>にしました。
※前々から「どこで入手するのか探すのに苦労した」という声が多かったので、リンク必須にさせていただきました。
【2006/1/20】Macでコピペの際\が?へ化けてしまうらしいので、エスケープ無しにしました。特に問題ない様子。
【2005/5/4】密かにバージョン1.1へ。
※スクリプト内の終タグの「/」にはエスケープ記号(\)が必要だって知らなかったんです。常識知らずで済みません。更に間違い(汗)「</」という表記がスクリプト終了と認識されないように「</」を「<\/」とします。「/」だけの時は不要。
SpecialThanks ページ作成にあたりお借りしました♪
■プレビュー:JavaScript例文辞典
■カラーピッカー:Tigra Color Picker SoftComplex
■開閉スクリプト:treasurebox.js firstAudience.com
■画像: A Trial Product's 素材置き場 IMAGE Snow Moom web*citron




24hTimesに駐車してポイントがたまる♪


