いくつになったの

サンプル&設定例はこちら(別窓です)

特徴

禁止事項

 スクリプトは再配布禁止です。
 リンク付きのスクリプトはリンクウェアです。リンクを削除したり、読み難くしないでください。

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.  表示タイプを選んでください。

【1】
あお45ヶ月6日♪
5歳の誕生日まで209
従来タイプ。
★マークは詳細設定で変更できます。
【2】
あおは2月4日生まれ
45ヶ月6日♪

5歳の誕生日まで209
従来タイプ+誕生日。
★マークは詳細設定で変更できます。
【3】
あお
2月4日生まれ
45ヶ月6

誕生日まで209
お名前は省略できます。
★マークの設定はできません。
デフォルトは左寄せですが、詳細設定で変更できます。

2.  生年月日などを入力します

■表示
(必須)
■名前■生年月日
(必須)(※半角入力)
■アクセント色
(※半角入力)
■ベース文字色
(※半角入力)
カラーパレットから色を選択します カラーパレットから色を選択します
カラーパレットから色を選択します カラーパレットから色を選択します
カラーパレットから色を選択します カラーパレットから色を選択します
カラーパレットから色を選択します カラーパレットから色を選択します
カラーパレットから色を選択します カラーパレットから色を選択します
※Tabキーで次へ移動。Shift+Tabでバック。
各入力項目についての説明
表示
表示するものにチェックしてください。チェックを入れたものだけ、上から順に表示されます。
名前
表示するお名前を入力してください。無くても(削除しても)OKです。
(【1】【2】を選んだ場合は名前がないと「は4歳5ヶ月6日♪」のように「は」が残ってしまうので注意)
生年月日
年は4桁の西暦で。※未来の日付を入れないでください。
アクセント色
名前、カウント数字、マークの色です。
カラーパレットから色を選択しますをクリックするとカラーパレットから色を選択できます。パレットに無い色や、WebColorNameは直接入力してください。
削除して空欄にすると、ベース文字色と同じ色で表示されます。
ベース文字色
アクセント色以外の文字の色です。
削除して空欄にすると、スクリプトを設置するページで設定されている文字色になります。
その他
半角入力を全角で入力するとスクリプトが動作しないので気をつけてください。
・もし「"」(半角ダブルクォーテーション)を入力する場合は、エスケープ記号(半角\)をつけて「\"」と入力してください。
人数を追加するとき

1.追加したい分を下のフォームに入力して、追加データを作成 をクリックします。
2.表示された追加データ(IkutuEC…)をコピーして、『追加データ挿入欄』に貼り付けます。

■名前■生年月日(必須)
(※半角入力)
■アクセント色
(※半角入力)
■ベース文字色
(※半角入力)
カラーパレットから色を選択します カラーパレットから色を選択します

■追加データ挿入欄



※追加データを作成しただけではスクリプト作成時に組み込まれないので、かならず↑に貼り付けてください。
※追加したい人数分を貼り付けてください。何人分でもOKです。
※追加データは、既にwebサイト/ブログに貼り付けてある「いくつになったのEC1.3」へ表示人数を追加するのにも使えます。

3.  詳細設定

■名前と数字の強調太字にするときはチェック
■表示の位置揃え
テキストリンク(*script by KT*)は、右揃え固定です。
■文字のサイズ
(年齢カウント)
貼り付ける場所の文字サイズに合わせる
文字をサイズ指定する
■文字のサイズ
(誕生日カウントダウン)
年齢カウントに合わせる
サイズを指定する
■カウントダウンを表示する期間
常に表示
日前からカウントダウン表示開始
誕生日当日のメッセージのみ
カウントダウンを表示しない
■カウントダウン前後のマーク
■追加スクリプトの挿入

追加スクリプトを使うときは、下記リンク先から「いくつになったのEC1.3」用をコピーして、ここに貼り付けてください。

>>犬猫年齢 (FC2以外の方バージョン)by「駒とチャイ」ブチ様
>>フェレット年齢 by「駒とチャイ」ブチ様
>>ちなみに星座は by「駒とチャイ」ブチ様
>>生後日数表示

※複数貼り付ける場合は、間を1行空けてください。

4.  スクリプトを作成し、webサイト/ブログに貼り付けます

 


↑ここに表示されるソースをコピーして、あなたのwebサイト/ブログに貼り付けたら完了です♪

プレビューについて
プレビューはスクリプトを作成 の後に押してください。
プレビューはポップアップウィンドウで開きます。表示されないときはブラウザやセキュリティソフトの広告ブロック機能にひっかかっているかもしれません。一時的に広告ブロック機能をオフにしてみてください。
文字色とサイズを設定しないと、暫定的に文字色=#666666、サイズ=12pxで表示されますが、ブログやwebページに貼り付けると、その場所に設定されているスタイルが適用されます。表示スタイルに関してはあくまで参考程度に。
スクリプト作成について
設定項目を変更したら、再度スクリプトを作成ボタンをクリックしてください。
スクリプト作成ボタンを押してもスクリプトが表示されない、入力した項目が反映されないなど不具合がありましたら、お手数ですがBBSかメールフォームで管理人までお知らせくださいませ。(お使いのブラウザも併せてお知らせください。)

このページに入力した情報は残りません!ブラウザバックやページ更新で初期化されてしまいます。作成したスクリプトは念のため「メモ帳」などに貼り付けて保存してください。

PAGE TOP▲

トラブルシューティング

>>ブログのプロフィール欄に貼り付けるときの注意点
>>ブログに貼り付けるには
>>ホームページビルダーで貼り付けるには
>>表示されないとき
そのほか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にして保存する行為、一部のオンラインゲームに使用する行為などです。)
⇒作成者以外による登録は、素材の再配布にあたります。
  1. 使用する画像をブログやサイトにアップロードします。
  2. 下のタグをコピーしてテキストエディタ(『メモ帳(notepad)』など)に貼り付けます。
  3. <img src=\"画像のURL\" alt=\"\" style=\"width: 画像の幅px; height:画像の高さpx; \">

    ※Mac用はこちら↓
    <img src='画像のURL' alt='' style='width: 画像の幅px; height:画像の高さpx; '>
  4. アップロードした画像の上で右クリック→「プロパティ」を表示して、URL(アドレス)をコピーして「画像のURL」と置き換えます。画像サイズは幅×高さで表示されています。
  5. できたタグを作成フォームの「マーク」欄へ貼り付けて、スクリプトを作成します。(または、貼り付けたスクリプトのマークと置き換えます。)

更新記録

【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

PAGE TOP▲

オススメ
オススメ
関連広告