いくつになったの [強調・アクセント色設定なしのタイプ]

□サンプル□

お名前は5歳8ヶ月7日。
6歳の誕生日まであと12日。
script*KT*

  • 年齢カウンターです。その日何歳何ヶ月何日になったかHPやブログに表示します。
  • 名前と生年月日を書き換え、Webページやブログにコピペ(コピー&貼り付け)するだけで使えます。
  • 「歳」を「年」になど数箇所書き換えれば、経過年月日カウントに使えます。ブログ開設から○年○ヶ月○日など、ご自由にお使いください。
  • ペットの年齢にもどうぞ♪
  • 2月29日生まれ対応です。(閏年以外は、2月28日を誕生日としています。)

「いくつになったの EC」との違い

  • 色を部分的に変える機能(アクセント色)がありません。
  • アクセント色を強調(太字)にする機能がありません。
  • カウントダウン前後のマークの設定がありません。
  • カウントダウンのオンオフ設定(日数設定)機能がありません。(常に表示されます。)
  • カウントダウンに誕生日前日のみのメッセージ設定がありません。(前日は「明日は誕生日」ではなく「あと1日」表示になります。)

■規約■

配らないこと。
リンク・URLを削除しないこと。【⇒詳細はこちら】

■つかいかた■

  1. 下記■ソース■の中に、生年月日などの項目がありますので、画面から直接書き変えます。
    詳しくは■書き変え箇所の説明■をご覧ください。
    ※Mac使用の方はこちらもご覧ください
  2. 書き変えたら「ソースを全選択する」ボタンを押します。ソースが反転色表示されますので、その上で右クリック・コピーします。
  3. ブログやサイトに貼り付けます。
    ⇒ブログに貼り付けるには
  4. ⇒ホームページビルダーで貼り付けるには
  5. 保存・更新して、表示を確認します。
■ソース■

■書き変え箇所の説明■

上記■ソース■の中の一部を書き変えます。
基本的には、お名前と生年月日の変更だけで使用できます。
他にも色や表示位置・文字サイズなどの設定箇所がありますので、お好きなように変更してください。
ブログやサイトに貼り付けた後でも変更できます。
赤字で示した部分以外をいじらないようにしてください。記号を1文字でも削除すると動作しません。

■名前・生年月日・色の設定---下から4行目

Nocolor("お名前",2001,2,10);
  • お名前⇒お名前に書き変えてください。
  • 2001,6,6⇒生年月日に書き変えてください。(必ず半角数字でお願いします)
  • ※誤って「,」「"」などの記号を削除しないように気をつけてください。

■文字サイズ・横位置、その他スタイルの設定---下から7行目

var s1="<div style=\"font-size:100%;text-align:center;\">";
  • 文字サイズは、初期状態(100%)だと、貼り付けるページで設定されている文字サイズになります。
    サイズを小さめにするなら85%、75%などに変更します。
    ポイント(pt)やピクセル(px)、emなどでのサイズ指定でもOKです。
  • メッセージの横位置は、初期状態で中央揃え(center)です。
    left⇒左寄せ
    center⇒中央揃え(センタリング)
    right⇒右寄せ
    となります。(なお、script by KTのリンク文字は、必ず右寄せです。)
  • 文字の色を設定するには、「color:#000000;」(#000000はお好きな色の色コードで)を挿入します。
  • var s1="<div style=\"color:#000000;font-size:100%;text-align:center;\">";

  • Macの場合、\がコピペの時に文字化けしてしまうので、下記のタグに差し替えた後、書き変えてください。
    var s1='<div style="font-size:100%;text-align:left;">';

■二人以上表示する---下から3行目

return (document.write(output));};
Nocolor("お名前",2001,2,10);←この行をコピペで増やして書き換えます
// --></script>
  • return (document.write(output));};
    Nocolor("お名前1",2001,6,6);
    Nocolor("お名前2",2002,7,7);
    Nocolor("お名前3",2003,8,18);
    Nocolor("お名前4",2004,9,19);
    // --></script>

■年齢表示のメッセージを変える

var age0=name+"";
var age1=ysf+"";
var age2=msf+"ヶ月";
var age3=dsf+"";
var age4="";
var age5="生後";
var age6="";
var age7="ちょうど";
var age8=name+"は今日で"+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=name+"ブログ開設から";
    var age1=ysf+"";
    var age2=msf+"ヶ月";
    var age3=dsf+"";
    var age4="経過";
    var age5="";
    var age6="";
    var age7="";
    var age8=name+"今日でブログ開設"+ysf+"周年";

    ※Nocolor("お名前",2001,6,6);の「お名前」を削除して「Nocolor("",2001,6,6);」としておきます。

■カウントダウンのメッセージを変える

var pre1=(ys+1)+"歳の誕生日まであと"+rd+"日。";
var pre3="Happy Birthday!!";
  • pre1は通常のメッセージ、pre3は誕生日当日に表示されるメッセージです。
  • 変更例
    var pre1=(ys+1)+"周年までまであと"+rd+"日。";
    var pre3="**いつもありがとう**";

■更新記録

★「いくつになったの」から書式設定を削除して、So-netのカスタムペイン用に2000文字以内に。(2007/2/15)
オススメ
関連広告