ほしいものリストをデザイン重視で公開する

ロールオーバー

　ロールオーバー画像をGifラベラーを使ってを作ってみます。

商品名を表示するロールオーバーにする。 Gifラベラーを使って商品名を画像ボタンにし、商品にマウスカーソルが来たらボタンを表示します。 画像を作成した際にはファイルとして保存してください。FireFox 3.5 であれば Gif画像上にマウスカーソルを当てて右クリックすると「別名で保存する」メニューが表示されるはずですので、マイピクチャフォルダーなどに保存します。 保存するときのファイル名の付け方は番号を振る方法にします。この名前をCSSファイルに記述します。

1. タイトル：Kateva ハンガーバケットS オレンジ
   ファイル名：kateva1.gif
   
2. タイトル：Kateva ハンガーバケットS ピンク
   ファイル名：kateva1.gif
   
3. タイトル：Kateva ハンガーバケットS ベージュ
   ファイル名：kateva1.gif
   
4. タイトル：Kateva ハンガーバケットS ブルー
   ファイル名：kateva1.gif
   
5. タイトル：Kateva ランチョンマットバッグ
   ファイル名：kateva1.gif
   

商品名が同じとなっていますのでボタンの色だけを変えることにします。

1. タイトル：adidas腕時計キャンディ レッド
   ファイル名：adidas1.gif
   
2. タイトル：adidas腕時計キャンディ イエロー
   ファイル名：adidas2.gif
   
3. タイトル：adidas腕時計キャンディ
   ファイル名：adidas3.gif
   
4. タイトル：adidas腕時計キャンディ
   ファイル名：adidas4.gif
   
5. タイトル：adidas腕時計キャンディ
   ファイル名：adidas5.gif
   

1. タイトル：[クロックス] Classic (シーブルー)
   ファイル名：crocs1.gif
   
2. タイトル：[クロックス] Classic (チャコール)
   ファイル名：crocs2.gif
   
3. タイトル：[クロックス] Classic (ライム)
   ファイル名：crocs3.gif
   
4. タイトル：[クロックス] Classic (オレンジ)
   ファイル名：crocs4.gif
   
5. タイトル：[クロックス] Classic (イエロー)
   ファイル名：crocs5.gif