KT*info

カウントパーツ配布サイト*KT*からのお知らせです
2016年07月 ≪  12345678910111213141516171819202122232425262728293031 ≫ 2016年09月

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | Comments(-) | Trackbacks(-)

いくつになったの・簡易版 サイトを修正しました

『いくつになったの・簡易版』の入力フォームとスクリプトを修正しました。
http://coels.net/js_ikutu_g.html

■入力フォーム
『カウントアップメーカー』『キネンビ・簡易版』と同じようにしました。
設定できる項目は以前と変わりませんが、入力欄を大きめにしたこと、誕生日設定のスピンボタンやカラーピッカーのスクリプトを変更したこと、プレビューを別窓のほかに画面上でも確認できるなど、使いやすくなったと思います。

■スクリプト
全面的に見直し、新スクリプトへ変更しました。
従来のスクリプトの差し替えは無いので、今お使いの方はそのまま変更ありません。

スクリプトの変更内容は次の通りです。

  • 前は「お名前」だけ別になっていて行間がズレていたので、「お名前」を含めた行間設定に変更しました。

  • 文字の修飾に使用していたJavaScriptの「.fontcolor()/.bold()」を廃止し、全てCSSへ変更しました。

  • 未来日付(誕生日が未来だったり、パソコンの内部時計の設定がおかしい)の場合は、表示されないようにしました。(お名前と当サイトリンクを除く)

  • 従来のスクリプトikutu-g1x.js,ikutu-g2x.jsの中身を新しいものに差し替えると行間等の表示に齟齬が出るため、新規にikutu-g3x.js,ikutu-g4x.jsとして公開しました。旧スクリプトは画面上からの作成はできなくなりますが、引き続きそのまま利用できます。新スクリプトとは別に使えます。

スポンサーサイト
お知らせ | Comments(4) | Trackbacks(-)

キネンビに背景色を設定できるようにしました

「キネンビ」に背景色を設定できるようにしました。
http://coels.net/js_kinenbi.html

簡易版ではなく、大きい方のキネンビです。
背景色設定に関するご質問をいただいたので、そのついでといっては何ですが、つけてみました。
その他に、枠線を設定する入力欄が使いづらかったのを修正しました。



-*-*-*-*-*-*-*-*-*-*-

いくつになったの/キネンビの簡易版にも枠線・背景色の設定をつけようかと検討したのですが、簡易版はテキストリンクを枠外に出すことが難しく、バランス的な理由で見送りました。

-*-*-*-*-*-*-*-*-*-*-

最近ひまひまに行っているのは、いくつになったの・簡易版の、入力画面のリニューアルです。
画面はできたのですが、この際だからとスクリプト内も変えてしまったので、あとひとつふたつペンディングが…。
キネンビ・簡易版と同じ画面にするだけの予定だったのにおかしいな…。

お知らせ | Comments(0) | Trackbacks(-)

「キネンビ・簡易版」を公開しました

js_kinenbi_g2.pngjs_kinenbi_g3.png

ある日から何年何ヶ月何日経ったのかをカウントアップ、次の記念日まで何日かをカウントダウンするブログパーツ「キネンビ」を、アメブロでも使い易い(ソース文字数の少ない)簡易版にしました。

ブログ上で大事な記念日をささやかに主張します。
結婚式から、交際開始から、ブログ開設から、デビューの日から、禁煙開始から…など、お好きなように使って下さいね。

「キネンビ・簡易版」
http://coels.net/js_kinenbi_g.html

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

ソースの文字数が多く、文字数制限のあるアメブロではなかなか使い辛い「キネンビ」、以前も簡易版のご要望をいただき、当時は諸事情で見送ったのですが、いずれは…と思っておりまして、今回またご要望をいただいたのを機に作りました。
(今更感満載でごめんなさい(汗))

簡易版ですので、いくつか不自由な点があります。

当サイトのプログラムを呼び出して表示する方式なので、自由なカスタマイズはできません。
カスタマイズできるのは、フォント・行間・文字色・1行目のテキスト…程度です。
また、当サイトKTが閉鎖の折は、プログラムが消失しますので、表示されなくなります。

その他の注意点やカスタマイズ方法は配布ページを御覧ください。

使い方でわからないところがありましたら、この記事のコメント欄(他の記事でも大丈夫です)か、「お問い合わせ」(メールフォーム)からご質問ください。
お知らせ | Comments(0) | Trackbacks(-)

カウントアップの数字だけのパーツ

カウントアップ(数字)というブログパーツを、サイトにアップしました。
指定した日からの日数を表示する、パーツというか、ほんとうに数字だけのものです。

枠も何にも無いので、テキストの中に埋め込んで使えます。
表示したいところに、作成したソースコードを挿入するだけです。
↓これは数字のところにパーツを使用してます。

カウントアップ(数字)の公開日から日目です。



画像ではなくテキストなので、普通の文字と同じように修飾できます。
一応、ソースコード作成時に、画面上で文字サイズ・色・強調は設定できるようになってます。

カウントアップ(数字)の公開日から日目です。



未来の日付を指定すると、数字にマイナスが付きますが、指定日までのカウントダウンを表示します。
指定日以後はカウントアップします。
(が、前後の文言は手動で書き換えるしかないですから、これだけだとカウントアップ&ダウンとしては使えないです…)


【注意】
webサイト/ブログ用です。scriptタグが使用不可のページでは使用できません。

FC2ブログとライブドアブログは、この様に記事の中に貼り付けできることを確認していますが、他のブログではできないものが多いと思います。


カウントアップ(数字)はこちらから


お知らせ | Comments(0) | Trackbacks(-)

カウントアップメーカーをアップデートしました

【1】影(ドロップシャドウ)が付けられるようになりました。
【2】「日」のところを、好きなテキストにできるようにしました。
【3】指定した幅より20px大きくなるのを修正しました。

カウントアップメーカーはこちら

カウントアップサンプルカウントアップサンプル



【1】「影をつける」にチェックを入れると影がつきます。

box-shadow(ドロップシャドウ)はborder-radius(角丸)と同じくCSS3の機能なので、ブラウザによっては見えないかも知れません。(IE8以下など。)

【2】「日」のところは、テキスト入力欄を選択できるようにしました。

上左「チビが来てから/465日/たちました」のようにするにはちょっとコツが要ります。
テキスト欄に「日<br />たちました」と入力します。「数字の後に改行」はチェックしないでください。

上下のテキスト欄を空欄にすると、上右のように数字だけになります。
ちょっとミステリアスな感じがしませんか?

【3】今まで、指定した幅よりも20px大きく表示されていたと思います。すみませんorz

paddingを使いたくなくて(古いIEで見ると表示幅が変わっちゃうので)border-solidで10pxの縁を作ってたんですが、そのため指定した幅よりも20px大きく表示されていました…すみません…。
CSS3のbox-sizingというので幅固定できるらしいのでそれにして、borderは削除、paddingにしました。確認できないけど多分同じになるはず…。
お知らせ | Comments(2) | Trackbacks(-)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。