基本的な使い方
使い方の説明です。
下は上のカウントダウンタイマーの設定です。
まず上から見ていきます。
- 終了時間
カウントダウンの終了時刻を入れちゃってください。
「時」は２４時間表記で。
アンダーラインAの「秒以下を表示」のチェックボックスにチェックを入れると0.01秒単位のカウントになります。見てるとチカチカします。凝視のし過ぎに注意しましょう。
- 前・中・後コメント
タイマーの前後に入れるコメントです。
必要のない項目は、空白ではなくスペースを入力してください。そうじゃないとデフォルトのコメントが入っちゃいます。スペースは全角でも半角でもOKです。アンダーラインBの改行にチェックを入れるとその前後で改行します。コメントの途中で改行したい場合はこちら
- 終了コメント・終了コメント画像
終了時間になったときに出すコメント、または画像です。
何も出さない場合は前中後コメント同様、スペースを入れてください。
画像の場合は出したい画像のURLを入力してください。自分のサイトやブログに入れておいた画像でオリジナルのタイマーが作れますよ。コメントと画像両方入力した場合、コメントより画像のほうが優先されます。コメントか画像かどっちかだけです。（改良しますかも・・・）
終了コメントを見たいときは、終了時間を過去にすると見れます。でも、過去には戻れませんからあしからず。
- 枠のサイズ
文字や画像のサイズに合わせて枠の大きさを決めましょう。
またブログなどに置きたいときは横幅には気をつけましょう。見栄えがかっこ悪くなりますよ。ブログのサイドバーは横幅150pxだと思います。
アンダーラインCの「枠のボーダーを表示する」にすると背景が白くてもどのぐらいの大きさかわかりやすくなるような気がします。
- フォント・サイズ
コメントやタイマーの字体や大きさです。
最終的に結果ボタンを押せば出るので怖がらずにいろいろやってください。フォントはパソコンの中に該当するフォントがないと文字化けするかもしれません。そういうマイナーなフォントも選択肢にあるかもしれません。
- コメント・時計・背景カラー
表示される文字の色です
カラーコードを知らなくても大丈夫です。色の付いたところをクリックすると色のサンプルが出ます。右のバーを上下させたりしてお好みの色をチョイスしてください。
- 背景画像
背景を画像にしたい場合はここに画像のURLを入れてください。
背景カラーより画像のほうが優先されます。終了コメント画像同様、画像のURLを入れてください。枠のサイズにあわせると見栄えもばっちりです。
枠と画像のサイズが合っていない場合、「画像＞枠」のときは画像の下や右が切れてしまいます。「画像＜枠」のときは画像が繰り返されます。
カウントダウン中の画像と終了時の画像サイズが違う場合はスライドバーが出るなどズレが起きてしまいます。そこだけ注意してください。
- 結果
すべて入力完了したら押してみてください。お望みどおりのができたでしょうか？微調整とかやりながらいろいろやってみるのも面白いかと存じます。
- テキストをコピー
結構長～いのでこのボタンを押すと一発でコピーしてくれます。
ここで見るだけじゃ仕方ありませんので、早速自分のサイトに張ってみましょう。お好みの場所に貼り付けるだけです。
飾り付け
ちょっとでもおしゃれをしたいおませさんに向けたデザインコーナーです。一部のタグを組み込むことができますので、文字のレイアウトも可能です。
意味なんかわからなくてもコピーして貼り付ければOKです。
- 文章が長いのでキリのいいところで改行したい場合
上のタイマーの前コメントは「カウントダウン終了まで」ですね。「カウントダウン」で一回改行したいときは「カウントダウン<br>終了まで」という感じに切りたい所で<br>を入れます。
- 文字をかっこよく変えたい
かっこよくなるかはわかりませんが、ちょっとした飾りのつけ方です。
<b>太字</b>
<i>斜体</i>
<em>太字斜体</em>
<s>取り消し線</s>
<big>大きく</big>
<small>小さく</small>
<sup>上寄せ</sup>
<sub>下寄せ</sub>
<hr>横線 ↓この線のことね
組み合わせて使うこともできます。
<s><big>大きく取り消し</big></s>
- 特殊文字で飾り付け
♥や†といったマークも入れることができます。（OSやブラウザの種類・バージョン等の環境により表示できないものもあります）
コードは♥なら「♥」か「♥」のどちらかでOKです。
♥ ♥ ♥
† † †
もっと知りたい方は特殊文字一覧へ。
- もっと飾りたい
さらに、もっといろいろやりたい場合は応用テクニックへ