category
サイト構築 -JavaScript

[JS]既存のフォームをかわいいデザインに変更するスクリプト -Niceforms

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

Niceformsは、簡単に既存のフォームをかわいいデザインに変更するスクリプトです。

デモのキャプチャ

Niceforms
demo

既存のフォームのデザインを変更するには、下記の手順です。

  1. 「niceforms.js」と「niceforms-default.css」を外部ファイルとして記述します。
  2. <form>に「class="niceform"」を記述します。
  3. 以上で、フォームのデザインが変更されます。

※imgフォルダに画像一式が格納されています。

以前紹介した「HTMLの各要素が配置されたスタイルシートのチェック用のテンプレート」にそのまま適用したところ、ラジオボタン・チェックボックスとテキストがずれてしまいましたが、パーツは全部かわいいデザインに変更されました。

Post on:2008年11月26日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS