あまなつ日記

Adpartsも新画像に対応しました。
こんな感じ

(お徳用ボックス) ボルヴィック 1.5L*12本

posted with あまなつ on 2008.03.19

ボルヴィック(2005-06-20)

おすすめ度の平均:

安心感抜群
お得です。
常飲してます
美味しくて、便利！
軟水だから日本人にピッタリ

Amazon.co.jp で詳細を見る

あと少しです。

Adpartsの生成タグで</div>が抜けている箇所がありました。
レイアウト「タイトル(上）」と「タイトル（下）」です。
メールにてご指摘戴きました。ありごとうございました。現在は修正されております。

遊べるトレペー まちがい探し

同じようにAdslideでも同じレイアウトのもので同じ内容の抜けがありました。
レイアウト「タイトル(上）」と「タイトル（下）」です。
こちらも現在は修正されています。

スタンダードHTMLタグ講座 超入門編

ご迷惑おかけしました。

個人的に最近お気に入りなAdpartsをバージョンアップ。

先日、ドラッグしてサイズを調整出来るようにしたんですが、まぁ、今回のバージョンアップのためにやったようなものでして
これをやりたかったんですよね。Adpartsで

何を作ったかと言うと
巷によくあるAmazonアソシエイト支援ツール形式のものを作ってみました。
そう、ブログで一番よく使われているタイプのやつです。

まぁ、同じようなものであればわざわざあまなつのものを使わなくても、有名どころがあるので
今回もあまなつらしくってことで他とは違う特長的なものが作れます。

画像を部分的に好きなサイズで表示できるので同じような表示形式でも他とは違ったインパクトを与えられると思います。

こんな感じ

Apple iTunes Music プリペイドカード 2,500円 [MA163J/A]

posted with あまなつ on 2006.09.29

アップルコンピュータ(2005-08-04)

おすすめ度の平均:

満足してます
とても便利です。
使いきった!?
新曲は少ないけど、レンタルでは見つけづらい曲がある。
使いきれない

Amazon.co.jp で詳細を見る

とか
こんな感じとか

Apple iTunes Music プリペイドカード 5,000円 [MA164J/A]

posted with あまなつ on 2006.09.29

アップルコンピュータ(2005-08-04)

Amazon.co.jp で詳細を見る

で、同じようなサービスのAmazon商品画像をスライドショーのように表示できるAdslideも同じように特長的に表示できます。
こんな感じ

Apple iTunes Music プリペイドカード 10,000円 [MA165J/A]

posted with あまなつ on 2006.09.29

アップルコンピュータ

おすすめ度の平均:

満足してます
とても便利です。
使いきった!?
新曲は少ないけど、レンタルでは見つけづらい曲がある。
使いきれない

Amazon.co.jp で詳細を見る

それから、その他の画像も選択出来るので
例えばこんな感じにも出来るんです

Apple iPod nano 4GB グリーン MA487J/A

posted with あまなつ on 2006.09.29

アップルコンピュータ(2006-09-13)

おすすめ度の平均:

ついにここまで来たか

Amazon.co.jp で詳細を見る

では、ブログでいろいろ使ってみてください。

表示するサイズを決める枠サイズを数字で入力するだけではなく
もっと直感的に設定できるようにドラッグしてサイズを調整出来るようにしました。
　図の１の部分をドラッグするとサイズを調整できます

それからよく使いそうなサイズを簡単に選択出来るように、サイズ設定用のボタンを作成しました。
　図の２の部分をクリックで設定出来ます。

【図】

で、作成したのがこれ

同じような感じで作成するAmazonの商品画像の一部分を使ってスライドショーのように表示出来るAdslideも同じように、ドラッグによる枠サイズの調整と各サイズ設定用のボタンを付けました。

でAdslideならこんな感じ

先日紹介したAdpartsに商品画像を回転させてレイアウトできるようにしました。

Amazon画像を回転させたりする機能はAbusing Amazon imagesを参考にしています。（その他、色々なAmazon画像の使い方が記載されてます）

画像回転:左◎ 右○ [角度]:0 度(0～90)　で

左に回転するのか右に回転するのかを決めて角度を入力します。

今までだと

こんな感じでしたが

右へ45度傾けた

こんな感じの紹介も出来たりします。

色々お試し下さい。

アキバBlog（秋葉原ブログ）って有名なサイトがありますが、
そこの右の方で紹介されている感じのんを簡単に出来るようにしたいなぁって感じ考えたんですが
こんな感じ

そこのは、画像をその部分だけ切り出して別に画像をｕｐしてそれをＡｍａｚｏｎへリンクするみたいな感じだと思うんですが
その切り出して、画像をｕｐするってのが邪魔くさいので「切り出さない、画像をｕｐしない」で同じようなことは出来ないかと思い、始めました。
Adpartsって名前にしたんですが、そのページを見てもらえればわかると思いますが
表示する枠サイズを決めて、その中に入るようにAmazonの画像を使ってドラッグして位置を決めたら表示されているタグを自分のページにコピペするだけで簡単に作成出来ます。
Ａｍａｚｏｎの画像をそのまま使いますんで、切り出す必要も、ｕｐする必要もありません。

表示方法は簡単に言えば、 div　で枠サイズ決めて枠外は表示をhiddenにしてAmazonの画像をposition:absolute;top:**px; left:**px;で位置調整して表示するようにしているだけです。

作成の仕方はそのページを見ればだいたいわかると思いますが、また説明ページを別途作成しようと思います。
作成ページは、IE6とFirefox/1.5で動作確認しています。Firefox/1.5は赤枠内ではドラックできません。
ネスケの7.1は動作しません。
作成したイメージは、だいたいのブラウザで問題なく表示されると思いますがtableを使って表示する際は注意が必要です。ネスケの7.1だと横に並べたのが重なって表示されました。

注意点として、画像大を使うとドアップのイメージを作成出来ますが切り出しているわけではないので、いくら小さく表示させていてもその画像サイズ分読み込むので表示が重くなります。

あまなつの各商品の紹介場所に⇒Adpartsで作成するのリンクをつけましたのでAdassistのように検索して作成できます。

画像の左上にが表示されていますが、あまなつへのリンク（あまなつ画像の上あたり）とShopあまなつへのリンク（あまなつ画像の左下あたり）、そして同じレイアウトで作成出来るようにリンク（あまなつ画像の右下あたり）をつけてあります。消さずに使ってください。お願いします。

【表示例】
こんな感じの表示とか

こんな感じとか