« DashCode Public Beta - Dashboard de OTN-J #7 | トップページ | DashCode Public Beta - Dashboard de OTN-J #9 »

2007年4月25日 (水) / Author : Hiroshi Sekiguchi.

DashCode Public Beta - Dashboard de OTN-J #8

Dashboard de OTN-Jの続きです。


今回は、アイコンを追加するといっても作業は超簡単。作成したアイコン用画像をDrag & Dropして、大きさなどをマウスで調整するだけ!

まずは、お手持ちのソフトウェア(gimpや、PhotoShop、FireWorksなどね)でアイコン用画像を作成。今回は大きめだが、256*256の画像を作成した、128*128 で十分だと思うが。。。

Dashboard_de_otn


ナビゲータパネルの「Widget Icon」を選択するとキャンバスには空のアイコンが表示される。そこへ、作成したアイコンをDrag & Drop後、位置や大きさを整える。

8_1_1 8_2


アイコンを設定したところで、Dashboardへデプロイして確認。問題なさそうだ。

8_3 8_4 8_5 8_6


ついでなので、裏面にもアイコン用画像を貼付けることにした。この操作もDrag & Drop後、位置や大きさを調整するのみ。

8_7


外見は、これで完成!。

8_8


次回は、javascriptを少々追加し、ひとまず完成! というところまで。。。

| |

トラックバック


この記事へのトラックバック一覧です: DashCode Public Beta - Dashboard de OTN-J #8:

コメント

コメントを書く