角の丸い背景画像をオンライン上で作成/CORNERSHOP

便利なサイト 2006年11月29日 21:04

cornershop.gif

この様な丸いコーナー画像(背景)を、任意の色、サイズ、透過の有無を指定して、オンライン上で簡単に作ることができる。更に便利なのが、HTML、CSSも一緒に吐き出してくれる点。これでフォトショップで行っていた、チマチマした作業ともおさらばできる。

  1. Box Backgroundに指定箇所のRGB値で指定。
  2. Page Backgroundに背景色をRGB値で指定。
  3. Corner Radius(コーナーの画像のサイズ:半径)をpixel単位で指定。
  4. Transparentで透過を指定。
  5. Create Graphicsをクリックすると、コーナー画像と、CSS、HTMLのソースが吐き出される。
  6. nw.gif ne.gif sw.gif se.gifをクリックでダウンロードし、任意の階層にアップ。
  7. 吐き出されたCSS、HTMLをコピペ。
  8. <!-- Content goes here -->の箇所にコンテンツを記述すれば、コーナーの丸い背景の完成。
CORNERSHOP

エントリーをdel.icio.usに登録| コメントする (0) | トラックバック(0)▲TOP

トラックバック

コメント一覧

コメントを投稿

保存しますか?