[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
アマゾンアソシエイト用のフッターテンプレートタグです。
画像に商品ページへのリンクをつけてfieldsetをdivにかえ、他要素も色々変えて、後はしつこいくらいにスタイルシートを書き込んだ感じです(汗)
テンプレートのスタイルシートに左右されないように本来いらないような設定までつけてますが、恐らくここまでつければどのテンプレートで使ってもだいたーい同じような表示になるのではないかなーと思われます(タブンネ…)
テンプレートへのスタイルシートの追加をしないコトを前提に作ったので、やたらめったらタグが長くなってますが…orz
ちなみに、文字の色だけは指定した結果テンプレート全体のイメージに合わなくなるのも返って微妙と思ったのでつけませんでした。文字色についてはテンプレートで指定されている本文の基本色になります。(まあなので、本文の文字色が白とかの場合は文字が見えなくなるので、その場合は指定してくださいませ…)
記事表示部分の中央寄せでポンと箱のように表示されるようになっています。
複数の商品を同時に表示しても箱同士がくっつかないようには一応してあります。
適当に装飾したり色かえたり要素追加して使ってみてクダサイナ。
コピペで使えるハズ…た、たぶん
色々おかしなトコもあるかもですが…実験につきあう気分でご利用下さい。(ヒドイ)<div style="text-align:center;margin:0;padding:0;">
<!--amazon_web_services-->
<div style="text-align:left;width:80%;margin:0 auto 3px auto;font-size:10px;line-height:120%;padding:5px;border:1px solid #ccc;background:#eee;">
<table style="text-align:left;width:100%;margin:0;padding:0;"><tr><td style="width:40%;text-align:center;vertical-align:top;">
<span><a href="<!--$amazon_Url-->" target="_blank"><img src="<!--$amazon_ImageUrlLarge-->" alt="画像" border="0" style="width:85px;border:1px solid #999;;margin:0;padding:5px;background:#fafafa;"></a></span></td>
<td style="text-align:left;vertical-align:top;">
<p style="font-size:12px;line-height:120%;margin:0;font-weight: bold;"><a href="<!--$amazon_Url-->" target="_blank"><!--$amazon_ProductName--></a></p> <span><!--$amazon_Director--><!--$amazon_Artist-->
<!--$amazon_Author--></span>
<p style="margin:0;padding:0;border-bottom:1px dotted #666;"><!--$amazon_OurPrice--></p>
<p style="margin:5px 0;padding:0;font-weight: bold;"><!--$amazon_Review_Summary--></p>
<span style="font-size:10px;line-height: 130%;"><!--$amazon_Review_Comment--></span>
</td></tr></table>
</div>
<!--/amazon_web_services-->
</div>
ご利用はご自由にドウゾ。
*表示見本*(通常は追記の下部分に表示されます)
わたくしこの作品が大好きなのです。
この映画をやっていた時、「ジブリらしくない作品」とかも言われていたのですが、ジブリ作品らしいものだけが素晴らしさではないのだ。とやたら言い張っていたのを覚えてます(笑)
やぁ…大好きなのヨほんとに(笑)
この作品はビデオを持っていて、もう擦り切れて画像が劣化しまくってますが…それでもまだ見ております。(いい加減DVD版を買わないと…)
大人になると、どうも子供が楽そうに見えてしまうものです。
けれど自分が子供の頃、やはり今と同じように、もしかしたらそれ以上に悩んだ事があった気がする。そんな気持ちにしてくれるお話です。
アニメとかマンガはもうほとんど見ないのですけれど、なぜかジブリだけは必ずと言っていいほど見てしまい、新しい作品が出ると見たいと思ってしまう。
近年のジブリも色々と賛否が分かれているようですが、大人がお金を払ってまで見に行きたいと思うアニメはそうそうないもので…みんな何だかんだで結局見に行ってしまうジブリには、作品に期待させるなにかがあるのだろうなぁと。
ジブリ作品の色が好き。
一応、自ブログでも実験しているのですが、コレがなかなかウマくいかなくて・・・。
ソースを持ち帰らせていただきました。
ただ、自分の中でもフッターテンプレートの使い道についての方向性が定まっていないので、なかなかコレってモノができないんですよね(。。;)
P.S.
勝手ながら、当ブログからリンクさせていただきました。
もし不都合等あるようでしたら削除いたします。
「fieldset」がないとアマゾンの商品の挿入ができないのかと思ってまして。
それでfieldsetを入れたままずっとやってたんですけど、何かの拍子に外してみたらとりあえず表示には問題なく…(汗)スッキリ楽になりました。
もしかしたら入れておいたほうが良さそうな気もしないでもないんですが('-';
で…わたしも実は使い道に悩んでいます(笑)
単純に「箱」を作るのが楽しくて色々やってはいるんですが、一体自分は何に使うつもりなんだろうか…とたまに疑問です(笑)
チマっと箱を作るのが楽しくてついつい量産体制になってしまうのですけども。
今後もタブン箱をたくさん作ってしまう予感です
こんなところにリンクありがとうございます。
全く問題ありませんです~<(_ _)>
シンプルでとってもしっくりくるフッタテンプレですね。
レビューが見やすくてよいです~♪
フッターテンプレートの使用法は主に私の場合は記事内へのコピペ用だったりします。
記事の下では使わない・・(^^;)
実はFC2のうさぎの郵便屋さん、すごくファンでした。
友人とどちらが使うかもめたぐらいなんですよ(笑
突然のことで、申し訳ないのですがリンクさせていただきました。
問題ありましたら、ご連絡ください(*- -)(*_ _)ペコリ
それと、さらにもしよろしければなのですが、相互リンクしていただけないでしょうか?
どうぞよろしくお願いいたします。
フッターテンプレートなかなか難しいものですね。
自分的には用途がハッキリ定まらないと頭が働かない性質なので、非常にシンプルになってしまいました(笑)
わたしも記事に使うボックスを作って保存してる感じになってます
忍者メールフォームの登場でちょっとやろうとおもっているのが、この忍者さんのメルフォを設置する事を前提に「コメントを受け付けない設定>コメントのかわりにメールフォームを置いとく」とかそんな為のボックスでも作ってみようかなぁと思ってます。
もういっそ記事の下にはいるなら記事の下にあるから意味があるものにするしかないと強引な発想です(笑)
FC2のほうのテンプレも見て下さっていたとは恐縮です('-';
リンクもこんなところにありがとうございます<(_ _)>
後ほどこちらからもリンクさせて頂きますね^^
- 「忍者ブログ」と「忍者式メールフォーム」のテンプレートを作成配布しています。
- ああああ (11/11)
- ぬぬ (04/11)
- 多忙極めり (03/04)
- いつものことですが (01/10)
- 新年もよろしくおねがいします (01/01)
- 年の終わりにバックアップ (12/30)
- 忍者ブログで使えるドメインサービス
- VALUE-DOMAIN
- WEB Free Service
- RSSリーダー機能搭載ブラウザ「Lunascape」
- FC2カウンター
- WEB Service
- ★可愛いレンタルサーバーLOLIPOP!
- ムームードメイン
- Free BLOG Service
- FC2ブログ
- ウェブリブログ
- FC2ミニブログPIYO
- I use it
- 日本最大級ショッピングサイト!お買い物なら楽天市場
・テンプレートのカスタマイズはなるべく自力でお願いします。
・テンプレートに関するお問い合わせの際はブログアドレスの記入をお願いします。
・アダルトな内容、英語のみの内容のコメント、トラックバックはできません。
・不適切な書き込みは管理人の独断で削除させて頂きます。あらかじめご了承ください。