アマゾンアファリエイトをカズタマイズするG-ToolsのCSSについて
- アマゾンアファリエイトをカズタマイズするG-ToolsのCSSについて質問させてください。画像そのままで表示させたいのですが、どうしても商品が青い枠線に囲まれてしまうのです。
- 私はSeesaaブログを使用しています。初歩的な質問で申し訳ないのですが、どうかご教示のほどよろしくお願いします。ちなみに下記のものが埋め込みたいHTMLです。
- <a href="http://www.amazon.co.jp/%E5%A4%A2%E3%82%92%E8%A6%8B%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E6%AF%8E%E6%9C%9D%E5%83%95%E3%81%AF%E7%9B%AE%E8%A6%9A%E3%82%81%E3%82%8B%E3%81%AE%E3%81%A7%E3%81%99-%E6%9D%91%E4%B8%8A-%E6%98%A5%E6%A8%B9/dp/4163731008%3FSubscriptionId%3D15SMZCTB9V8NGR2TW082%26tag%3D%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4163731008" target="_blank"><img src="http://images-jp.amazon.com/images/P/4163731008.09.TZZZZZZZ.jpg" alt="夢を見るために毎朝僕は目覚めるのです" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=&l=ur2&o=9" width="1" height="1" style="border: none;" alt="" />（idは外してあります）
- ベストアンサー
アマゾンアファリエイトをカズタマイズするG-ToolsのCSSについて
アマゾンアファリエイトをカズタマイズするG-ToolsのCSSについて質問させてください。 画像そのままで表示させたいのですが、どうしても商品が青い枠線に囲まれてしまうのです。ｃｓｓが原因だとはわかったのですが、そこから先進めません。G-ToolsさんがCSSについて説明してくださっている箇所のコピペです。 商品HTMLに以下の<span>タグが挿入されます <div class="g-tools_table"> 全体を指定するClass <span class="g-tools_title">商品タイトル</span> <span class="g-tools_body">商品の情報</span> <span class="g-tools_img">商品画像</span> <span class="g-tools_by">by G-Tools</span> CSSファイル内で .g-tools_body {font-size:8px;} などと指定することで、自分独自のデザインにすることができます。 私はSeesaaブログを使用しています。初歩的な質問で申し訳ないのですが、どうかご教示のほどよろしくお願いします。 ちなみに下記のものが埋め込みたいHTMLです。 <a href="http://www.amazon.co.jp/%E5%A4%A2%E3%82%92%E8%A6%8B%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E6%AF%8E%E6%9C%9D%E5%83%95%E3%81%AF%E7%9B%AE%E8%A6%9A%E3%82%81%E3%82%8B%E3%81%AE%E3%81%A7%E3%81%99-%E6%9D%91%E4%B8%8A-%E6%98%A5%E6%A8%B9/dp/4163731008%3FSubscriptionId%3D15SMZCTB9V8NGR2TW082%26tag%3D%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4163731008" target="_blank"><img src="http://images-jp.amazon.com/images/P/4163731008.09.TZZZZZZZ.jpg" alt="夢を見るために毎朝僕は目覚めるのです" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=&l=ur2&o=9" width="1" height="1" style="border: none;" alt="" />（idは外してあります） どうぞよろしくお願いします
- Kamzumi21
- お礼率100% (1/1)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
これだけじゃ、情報不足ですが（出来ればg-tools_xxxのCSS定義を全て曝せば） CSSの中で border X px solid blue みたいに青枠線(blueとは限らん)を書いてる部分を 探して修正すればよいかも．．．
関連するQ&A
- G-TOOLSの使い方
ブログで、アマゾンの商品をアフィリエイトしていたんですが、G-TOOLSを利用すると早くできるということで、使ってみました。 が、分からない点があります。 商品を選ぶところまでは、良いですが、肝心のブログに貼り付けるHTMLが、これでいいのか？と感じます。 マイショップに商品を登録したのち、ブログに貼り付けるHTMLはみなさんどうやって取得していますか？ マイショップに登録済みのカテゴリ→商品の追加 / 編集 →ショップへのリンクを作成（真ん中にある） といった感じでやっているんですが、これだと「by G-TOOLS」という表示がないんですが・・・大丈夫なんでしょうか？ G-TOOLSで作って、ブログに貼り付けている人は、この表示があったので、これがないとダメなきがして・・・。 ちゃんとアマゾンには飛ぶんですが、商品を購入された場合、自分のアフィリエイトに反映されるのかが怪しくて・・・。 まとまっていない文章ですみません。 よろしければ、みなさんのやり方を教えてもらえませんか？もしくは、それについて詳しく書いてあるHPがありましたら教えてください。
- ベストアンサー
- ブログ
- JQueryを使ってcssを書き換え
何となくコードを見てさわる程度の初心者です。 以下のようなソースを組みました。 <div id="slide"> <a href="01.htm"><img src="01.jpg" alt="01" id="alttxt" /></a> </div> <div id="slidenavi"> <ul> <li><a href="01.html"><img src="s_01.jpg" alt="01" class="b_01.jpg" /></a><span class="active"></span></li> <li><a href="02.htm"><img src="s_02.jpg" alt="02" class="b_02.jpg" /></a><span class="active"></span></li> <li><a href="03.html"><img src="s_03.jpg" alt="03" class="b_03.jpg" /></a><span class="active"></span></li> </ul> </div> #slideがメインエリアで、#slidenaviがメインエリアの画像とリンク先を切り替えるナビゲーションボタンになっています。 ナビに連動したメインエリア用の画像ファイル名は #slidenavi の img の classに入れておいて、それを読み込んで代入するというおかしなやり方で呼び出していますが、ここまではうまくいきました。 問題はここからです。 最初の状態では<span class="active"></span>はcssの設定でdisplay: noneとしてあります。 そして#slidenaviのボタンにマウスが乗ると、その部分の<span class="active"></span>をdisplay: blockとして表示したいのですが、これがどうしてもうまくいきません。 この部分も含めて、おかしな書き方になっている部分があれば教えてもらえないでしょうか。 jsファイルは以下の通りです。 $(function(){ $('#slidenavi ul li a').fadeTo(0,0.4); $('#slidenavi ul li a').hover(function(){ $(this).fadeTo(300,1.0); }, function(){ $(this).fadeTo(300,0.4); }) $('#slidenavi ul li img').mouseover(function(){ var bglink = $(this).attr("class"); var altTxt = $(this).attr("alt"); $("#slide img").attr("src","images/home/main/"+bglink); $("#slide img").attr("alt",altTxt); $("#slide span.active").css("display","block"); }); $('#slidenavi ul li a').mouseover(function(){ var Href = $(this).attr('href'); var Tget = $(this).attr('target'); $("#slide a").attr("href", Href); $("#slide a").attr("target", Tget); $("#slide a").click(function() { window.open(Href,'_self'); return false; }); }); });
- ベストアンサー
- JavaScript
- xhtml+cssでdivをdivで内包する
xhtml+cssでウェブサイトを作成しています。 その際、 <div id="a"> <p>題名</p> <div class="b">内容</div> <div class="b">内容</div> </div> のようにdiv要素内にdiv要素を内包したいと思っています。 しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。 ｃｓｓハックを使用する方法が http://www.alink.co.jp/tech/blog/2009/04/13/css-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/ に掲載されていましたが、ＩＥ７とＩＥ－ＭＡＣが対象のようです。 これと同じような効果が得られるもので、ＩＥ６以降、Ｆｉｒｅｆｏｘ２以降、Ｆｏｄｏｒａそれぞれに対応している方法はありますでしょうか？ 私がどうしたいのか少しわかりにくいかもしれませんが、上記ＵＲＬでどうしたいのかはわかると思います。 アドバイスお願い致します。
- ベストアンサー
- CSS
- 文字列からある部分のみを削除したい
javascriptでamazonのRSSから取得したcontentからある部分だけを削除したいです。 <div style="float:left"><a href="http://www.amazon.co.jp/%E3%80%8C%E5%81%BD%E7%89%A9%E8%AA%9E%E3%80%8D%E7%AC%AC%E4%B8%80%E5%B7%BB-%E3%81%8B%E3%82%8C%E3%82%93%E3%83%93%E3%83%BC%EF%BC%88%E4%B8%8A%EF%BC%89%E3%80%90%E5%AE%8C%E5%85%A8%E7%94%9F%E7%94%A3%E9%99%90%E5%AE%9A%E7%89%88%E3%80%91-Blu-ray-%E6%96%B0%E6%88%BF%E6%98%AD%E4%B9%8B/dp/B006W6JSY0/ref=pd_zg_rss_ts_d_dvd_1?ie=UTF8&"><img src="http://ecx.images-amazon.com/images/I/51G25p4m8mL._SL160_.jpg" alt="偽物語第一巻かれんビー上完全生産限定版 Bluray" border="0" hspace="0" vspace="0"></a></div><span><a href="http://www.amazon.co.jp/%E3%80%8C%E5%81%BD%E7%89%A9%E8%AA%9E・//以下略 上記の部分から <img src="http://ecx.images-amazon.com/images/I/51G25p4m8mL._SL160_.jpg" alt="偽物語第一巻かれんビー上完全生産限定版 Bluray" border="0" hspace="0" vspace="0"> を抽出し、かつamazonの画像オプション_で囲まれた部分を削除し、 <img src="http://ecx.images-amazon.com/images/I/51G25p4m8mL..jpg" alt="偽物語第一巻かれんビー上完全生産限定版 Bluray" border="0" hspace="0" vspace="0"> としたいのですがうまくいきません。 replaceでできるかと思い var entry = result.feed.entries[i]; var gazo = entry.content.match("<img.*jpg.*?>"); /* <img src～vspace="0">まで抽出 */ gazo = gazo.replace(/_*_/, ""); /* _で囲まれ部分を削除 */ としてみたのですが、replaceの部分を実行するとnot functionとでてしまいます。 FC2ブログなのですが、javaのバージョンがreplaceが使えないバージョンなんでしょうか？ それとも根本的にコードが間違ってるのでしょうか？ あるいは他のやり方を教えていただきたいと思います。
- ベストアンサー
- JavaScript
- アラビア語？翻訳お願いします＞＜
http://search.yahoo.co.jp/search?p=%E0%AE%95%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AE%B1%E0%AF%8D%E0%AE%B1+%E0%AE%95%E0%AE%B2%E0%AF%88%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AE%9E%E0%AF%8D%E0%AE%9A%E0%AE%BF%E0%AE%AF%E0%AE%AE%E0%AE%BE%E0%AE%A9+%E0%AE%B5%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AE%BF%E0%AE%AA%E0%AF%80%E0%AE%9F%E0%AE%BF%E0%AE%AF%E0%AE%BE%E0%AE%B5%E0%AE%BF%E0%AE%B2%E0%AF%8D+%E0%AE%87%E0%AE%B0%E0%AF%81%E0%AE%A8%E0%AF%8D%E0%AE%A4%E0%AF%81&ei=UTF-8&qrw=0&pstart=1&fr=top_ga1&b=91 このURLで表示される黒い太い文字のアラビア語？？ の意味を教えてください＞＜ 切実です。よろしくお願いいたします。
- ベストアンサー
- その他（語学）
- アマゾンアソシエイトのG-Toolsについて
アマゾンのアソシエイトを利用してアフィリエイト運営をしています。 通常、アマゾンアソシエイトをHPなどに貼る場合“リンク作成”から掲載したい商品などを選んでタグをはりますが“個別商品リンク”にすると、一つ一つにアマゾンのバナーが下に自動表示されてしまいます。 でも、他のサイトさんで画像(しかも大きい)だけを貼り、価格や感想などを自分で打ち込んで紹介しているサイトさんもあり、『どうやっているんだろう？』とこちらで質問検索をしてみたところ【G-Tools】という存在を知りました。 参考URLがありましたので読んでみたのですが、これは紹介した商品が売れた場合、今までの自分のアマゾンアソシエイトの売上に加算されるのでしょうか？ また、自分のアソシエイトセントラルにログインして【G-Tools】を探したのですが見つからず、ヘルプを見たり検索しても見つかりませんでしたが、どうしたら【G-Tools】の機能をアマゾンアソシエイト(アフィリエイト)として、自分のHPに掲載する事ができるのでしょうか？ どうぞご指導を宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- cssについて質問です。
cssについて質問です。 IE8で思ったように表示されるものが、Firefoxだとレイアウトが崩れてしまいます。 imgの高さや横幅がFirefoxで反映されず文字が上部に表示されるのですがいろいろやっても改善出来ずに途方に暮れています。 ヘッダーやフッターなどもありますが、関係のありそうな部分を抜き出してみました。 添付画像のように画像を３つならべて表示したいのですが、 一番無駄無くdivで組む方法もありましたらご教授下さい。 よろしくお願いします。 ■HTML■ <div class="subcontentsbox"> <div class="imgbox"> <a href="#"> <span><img src="#" /></span> <p class="code">12345</p> <p class="name">12345</p> <p class="price">12345</p> </a> </div> <div class="imgbox"> <a href="#"> <span><img src="#" /></span> <p class="code">12345</p> <p class="name">12345</p> <p class="price">12345</p> </a> </div> <div class="imgbox"> <a href="#"> <span><img src="#" /></span> <p class="code">12345</p> <p class="name">12345</p> <p class="price">12345</p> </a> </div> </div> ■css■ .subcontentsbox { font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif; font-size: 100%; width: 100%; margin: 20px 0px; padding: 0; text-align: justify; -ms-text-justify: inter-ideograph; overflow: hidden; display: block; } .imgbox { background-color: #987654; height: 250px; width: 33.33333%; text-align: center; float: left; } .imgbox a{ text-decoration: none; border: 0; height: 180px; width: 180px; } .imgbox img{ border: 0; height: 180px; width: 180px; }
- ベストアンサー
- HTML
- エアーガンについて質問 Ｇ３Ａ3
エアーガンについて質問 Ｇ３Ａ3 私はコッキング式のＧ３Ａ３をamazonで買いました。 http://www.amazon.co.jp/H-K-G3A3-18%E6%89%8D%E4%BB%A5%E4%B8%8A%E3%8... これに、スコープかドットサイト（プロサイト）をカスタムしたいと思っています。 スコープでしたら、まずこのスコープマウントを付けなければならないと知りました。 そしてamazonでこれがいいかなと思ったのですが、これはＧ３Ａ３につけれますか？ またこれを付ければあとはどのスコープでも付けれるのですか？ http://www.amazon.co.jp/%E6%9D%B1%E4%BA%AC%E3%83%9E%E3%83%AB%E3%82%... あとドットサイトでしたらマイルのＮＥＷプロサイトを付けようと思っていますが、これはＧ３Ａ３につけれますか？ またこの商品はマウントリング付きと書いてあったので、これさえ買えば、プロサイトを付けれるのですか？ http://www.amazon.co.jp/%E6%9D%B1%E4%BA%AC%E3%83%9E%E3%83%AB%E3%82%... 回答お願いします。
- ベストアンサー
- その他（ホビー・玩具）
お礼
ご丁寧な回答ありがとうございます。 無事に解決いたしました。 重ね重ねお礼を申し上げます。