あまなつ日記

2008年03月19日

はい、Adpartsも対応できました。

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

あと少しです。

投稿者 amanatu : 01:12 | トラックバック

2007年02月16日

Adparts生成タグに</div>がひとつ足りませんでした^^;

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

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

ご迷惑おかけしました。

投稿者 amanatu : 23:33 | コメント (2) | トラックバック

2006年09月29日

Adpartsをバージョンアップ、部分的なAmazon商品画像に商品情報も追加出来るように！

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

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

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

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

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

こんな感じ

とか
こんな感じとか

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

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

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

投稿者 amanatu : 23:03 | トラックバック

2006年09月27日

Amazon商品画像の一部分を選択して表示出来るAdpartsをもっと使いやすく

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

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

【図】

で、作成したのがこれ

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

でAdslideならこんな感じ

投稿者 amanatu : 00:27 | トラックバック

2006年02月24日

Adpartsに画像回転機能を追加

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

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

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

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

今までだと

こんな感じでしたが

右へ45度傾けた

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

色々お試し下さい。

投稿者 amanatu : 00:42 | コメント (2) | トラックバック

2006年01月26日

Amazon商品の一部分を選択して表示させるAdpartsです

アキバ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あまなつへのリンク（あまなつ画像の左下あたり）、そして同じレイアウトで作成出来るようにリンク（あまなつ画像の右下あたり）をつけてあります。消さずに使ってください。お願いします。

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

こんな感じとか

投稿者 amanatu : 23:48 | トラックバック