Form style generatorは、フォームのスタイルシートを表示確認しながら、3ステップで作成できるオンラインサービスです。
Form style generatorは現在バージョン0.9で、フォームのテキストフィールドのスタイルシートを作成することができます。
スタイルシートを作成するには、「1)design」でフォームの外観やマウスのフォーカス・ホバー時を選択します。
選択した項目は、右上の「preview」にリアルタイムに反映されます。
フォームのスタイルが決まったら、「2)download」の「Your CSS」からスタイルシートファイルをダウンロードします。
背景にグラデーションなど使用した場合には、「Your Image」から画像ファイルもダウンロードします。
HTMLに適用するには、ダウンロードしたスタイルシートに記述してあるclass名を適用する箇所に記述します。
画像を使用する場合は、画像のパスを記述します。
Post on:2007年10月30日
