HOME >  ブログパーツ  > パプリカ ・ タグクラウド

パプリカ ・ タグクラウド

2006年11月21日 AQ
『 千年女優 』『 東京ゴッドファーザーズ 』 でその名を世界に知らしめた日本を代表するアニメーション監督、今敏 ( こん さとし ) が、文学界の巨匠 ・ 筒井康隆 と手を組み、1993 年に出版され、映像化不可能といわれた SF 小説の傑作 『 パプリカ 』

それを見事にアニメーション映画として蘇らせた作品が、今月 25 日に満を持して公開されるそうです (´・∀・`) オオー

その公開に先立ち、パプリカ公式ブログパーツとして、サイドカラムを飾るプラグインが提供されています (^^)

今日は、そのブログパーツのご紹介です
この作品は、第 63 回ヴェネチア国際映画祭のコンペティション部門へ正式出品され、第 19 回東京国際映画祭の animecs TIFF 2006 のオープニング上映作品ともなっていることからも、今期最も期待されている、サスペンス超大作というお話なんですが ・・・

ごめんなさい (^_^;) AQ はここらへんの、アニメーションの事に
付いては、ぜんぜん詳しくないのよ〜

とっ..... とりあえず、ブログパーツのご紹介を A^^;
この 『 パプリカ 』 に興味があったり、アニメーションに見識がある方は、
大喜びのブログパーツです


このように、ブログの雰囲気に合わせて設置できるよう、
赤バージョンと黒バージョンの 2 種類があります。

このブログパーツは、ブログでパプリカに関する言葉を書き込んでいくと、どんどんとパーツ内部のタグクラウドが成長していきます。また、タグクラウドを経由して、他の人のパプリカに関する記事を見に行くことも可能となります。

まさにパプリカ好きの為の、パプリカ パーツです ww
ご興味ない方には、申し訳ございません

設置の仕方は、各ブログサービスに応じて説明がされているサイトがありますので、それをリンク表示しておきます。なお、設置できないブログサービスもあるようですので、パプリカ ブログパーツの説明サイトを良くお読みの上で、ご利用ください (^^)

パプリカ - Paprika -

この記事は CyberBuzz のキャンペーンとして情報を掲載しております。
(*- -)(*_ _)ペコリ

この記事へのトラックバック
2006年11月23日 20:15
予告で見て、絶対これ見なくちゃ、と思ったのが、『パプリカ』と、『スキャナー・ダークリー』。今一番私が楽しみな作品、というのがどっちもアニメ、なんて、本当に久々なんですよ、実は。
2. ブログでのアフィリエイト初心者に重要なクラウドに関する記事2  [ ブログでアフィリエイト!初心者必見 ]
2006年11月28日 16:30
ブログでのアフィリエイトが初心者の方にとって重要な、クラウドに関する記事のうち、最近1ヶ月に掲載された記事を集めてみました。ブログでのアフィリエイトが初心者の方は、是非、参考にしてくださいね。
この記事へのコメント
1. Posted by ruru    2006年11月21日 03:43
このブログパーツは 『 iam 』 と同じサイトですね。

iam と Lightbox 2.0 、 Lightbox Plus 及び Lightbox JS と
どれも、合わないんですよ・・・。 ガクッ!!_| ̄|○

たぶん、これも同じ現象になるでしょうね・・・。 (×_×;)
2. Posted by AQ    2006年11月21日 13:54
> ruru さん
>>1
ruru さんが言っている現象は、スクリプト同士の干渉です。
lightbox の黒い背景の下に隠れず、上にiam やこのタグクラウドが表示される事を言っているんでしょう [?]

別に不具合でも無いですよ。

サイドカラムの中ほどから下の位置に、
プラグインを設置すれば解消しますよ (^^)
3. Posted by とらねこ    2006年11月23日 19:52
あっ、さすが!記事の中に書いてますね。
それって、どうやるんでしょう?・・・すみません。
暇だったらでいいんで、簡単に教えてください。
普通に貼り付けることも出来るんですか?

ところで、関東と記事掲載時期が違うんですね。へえー
buzzuser オンリーの試写会だったせいか、
こちらでは、8,9人しか来ませんでした。
この映画、面白かったですよ [LOVE]
とらねこのオススメです [アハ]
TBさせていただきます。
4. Posted by AQ    2006年11月24日 02:09
> とらねこ さん
>>3
記事文章中にスクリプトファイルを貼ることは、
画像を貼ることと同じ要領でできますよ (^^)

例えば、単にこのタグクラウドをひとつ記事文章中に貼る時は、記事の中に入手したスクリプトファイルを、書き込むだけでできます。

センター表示させたかったら、<div align="center"> スクリプト表示タグ </div> で OK です。ただし、単に表示させるだけならこれで良いのですが、通常の画像を貼り付けた時のように、タグクラウドの右横に文字を回り込ませるようにしたい時は、いったんテーブルにスクリプトタグを入れて、そのテーブルのタグに右への文字回り込みを指示する align="left" を書き込みます。

具体的にはこうです ↓

[blockquote]<div align="left"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" align="left"><tr><td>スクリプト表示タグ</td></tr></table></div>[/blockquote]
今回の AQ の記事のように、投稿記事部分に2つのタグクラウドを並べて入れる場合もテーブルを使用します。色々とブログ内の環境が違うので、それぞれで設定を変えて設置しなければいけないのですが、AQ の投稿記事部分に使用できる横幅のサイズは 380px です。

ですから今回は横幅 380px で、右のテーブルに入れたスクリプトは右よりに。左のテーブルに入れたスクリプトは左よりになるように設定しました。それぞれの横幅は全体の横幅の半分ずつを表す 50% の設定をしています。つまり 190px ずつになると言う事です。

具体的にはこうです ↓

[blockquote]<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="380px"><tr><td width="50%" align="left">スクリプトタグ左側</td><td width="50%" align="right">スクリプトタグ右側</td></tr></table></center></div>[/blockquote]

これで、全体のテーブル ( 2 つのセルが合わさってひとつ )自体はセンター表示で、幅は 380px 。左右のテーブルは 50% ずつの 190px の設定。左側スクリプトは左より。右側スクリプトは右より。テーブルの外枠や内枠の線は非表示。になっています。

余分なタグも若干入っているんですが、色々なブラウザーで見ても同じように表示されるように工夫した結果です。これをコピーして、テストでブログに貼り付け、数字を変えたりしながら、どこを触ればどうなるかの検証を、ご自身で試してみて下さい。

これができるようになれば、ブログの記事に画像を貼り付ける際のバリエーションが、色々と増えるようになります。あとは応用ですから (^^)
5. Posted by とらねこ    2006年12月04日 19:03
こんばんは!ご丁寧にご指導ありがとうございました[ラブラブ]
ところで、こないだ、長年(8年ぐらい)愛用していたキーリングを、鍵ごと全部そっくりそのままなくしてしまいました[もっとorz...]
そこで、早速、AQさんにいただいたキーリングを今使用しています。
なんだかAQさんを思い出してしまいました〜[アハ]
最近寒いですが、お元気ですか?
6. Posted by AQ    2006年12月04日 19:15
> とらねこ さん
>>5
あらっ? 久しぶり〜 ヽ(^。^)ノ
元気にしてますよ。ちょっと寝不足が続いて、ご飯を食べた後は気絶するように寝てしまうところが、問題アリですが (^_^;)

カギごと無くしちゃったの [?]
大変じゃん!! 女の子の一人暮らしなんだから、
部屋のカギとかも全部変えなきゃ危ないじゃん [叫び]

気をつけてね〜 ヽ(д`ヽ)。。オロオロ。。(ノ´д)ノ
7. Posted by ruru    2006年12月06日 23:27
すみません。アドバイスをいただいたとおりにしたのですが、文章が
下へ行ってしまいました。お手間を取らせることになりますので
[a]http://knowledge.livedoor.com/17763[txt]ナレッジ[/txt][/a] で質問させていただきました。
(*- -)(*_ _)ペコリ
8. Posted by ruru    2006年12月07日 00:41
無事に解決しました。ご報告まで。(*- -)(*_ _)ペコリ
9. Posted by AQ    2006年12月07日 00:58
> ruru さん
>>7
>>8
ナレッジのコメント欄にも書きましたが、もじらでは正しく
表示されているけど、IE ではアウトですよ〜 (+_+) 残念。

よかった。ベストの相手がオニさんで ε-(´∀`*)ホッ
10. Posted by ruru    2006年12月07日 01:04
(゜ロ゜;)エェッ!?  マジですか!!!!!!!!

ガクッ!!_| ̄|○ どうしたらいいのでしょう?教えてください。(×_×;)
11. Posted by ruru    2006年12月07日 01:33
>AQさん
助かりました。ありがとうございます。
(*- -)(*_ _)ペコリ

良かった〜〜〜 (ノ_・。) ありがとう。[ラブラブ]
12. Posted by AQ    2006年12月07日 01:39
> ruru さん
>>10
>>11
いいえ。初めから間違ったタグ教えてないですもの [アングリ]

おかしかった原因は、別のところにあると考えてたところに、
オニキスさんの言葉がヒントになりました。さすが、スクリプト
のことは、やっぱりオニキスさんですよね [ピコン]
13. Posted by ruru    2006年12月07日 01:49
>AQさん
>>12
では、
<div style="float:left;width:160px;max-width:160px;">
でなく
<div align="left">
のままでも、OKということでしょうか?

PS.オニキスさんが、話しかけておられますよ。
14. Posted by AQ    2006年12月07日 02:04
> ruru さん
>>13
そうですよ。だから間違ったタグは教えていないって、
言ってるじゃないですか (^_^;)

私の記事内でも、そのスタイルの指示はひとつもしていません。
15. Posted by ruru    2006年12月07日 02:11
>AQさん
>>14
はい。^^ わかりました。 ありがとうございました。
(*- -)(*_ _)ペコリ

今回は、あのままにしておきますが、今後は
<div align="left">でやります。

ありがとう。
16. Posted by AQ    2006年12月07日 03:04
> ruru さん
>>15
ひとつのやり方にこだわらず、覚えた事を色々とお試しになれば良いと思いますよ。AQ のやり方も、オニキスさんが教えてくれたやり方も、どちらも間違いでなく数ある方法のうちのひとつです。

やりやすい方法で臨機応変になさって下さい [普通]
17. Posted by ruru    2006年12月07日 03:11
>AQさん
>>16
はい。 そうします。 [ニコ]
18. Posted by 万年床生活者    2006年12月07日 06:29
http://knowledge.livedoor.com/17763
まさかこんなすごいコトになっていたとは...

私がヘタに口出ししてたら確実に恥かくとこだった(^^;)
19. Posted by AQ    2006年12月07日 13:17
> ruru さん
>>17
それにしても、ruru さんのブログの記事の上げ方って、AQ の記事の上げ方と似てるよね ^^; 行間の空け方や文字に半角スペース入れるのは意識してやってる? もしかして (・・;)
20. Posted by AQ    2006年12月07日 13:22
> M床さん
>>18
はは (^^) AQ とオニキスさんの久々のコラボ回答でした。ww

あの部分は、HTML のほうで別のクラスを設定しておいて、
それに合わせて CSS も変えときゃ問題は無いんですけどね。

そうすれば別の ifram を使用したパーツなんかを、
blogbody 内に設置してもああいう不具合は起きないです。

でも、普通に利用している人がそこまで考えて HTNL と CSS を
いじるか〜〜〜って言うと、まずしないですよね (^_^;)
21. Posted by ruru    2006年12月07日 22:35
>AQさん
>>19
そうですか [?] 似てるのかな [?]  (*-゛-)ウーン・・

半角スペースは特に英字と日本語の間が多いですね。
どうも、くっつきすぎて窮屈な感じがするのでスペースを入れるように
なりました。 あと「、」を入れたいけど すぐ前に入れてたりすると
スペースにしますね。 他には URL の前後とかも。

行間は自分の為ですねぇw ((´∀`*))ヶラヶラ
詰まってると同じ行を2度 読んでしまうので、数行ずつごとに入れる
ようになりました。 (;^_^A アセアセ・・・

似てるのは、3カラムにしているせいもあるのかな [?]
それと、これはいいなと思ったのは取り入れようとするから似るのかも
知れませんね。 参考にさせていただいてますから。 ダメ [?]
マネをしているわけじゃないんですがねぇ・・・。 (*-゛-)ウーン・・
22. Posted by AQ    2006年12月08日 13:46
> ruru さん
>>21
いやいや [汗汗] 真似しちゃダメとか、そう言う事じゃないですよ。
お好きなようになさって下さい (^_^;)

『 似てますね 』 ・・・ ただ、それだけの話ですから [フリフリ]
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Information
Category Menu
Promotion
New Entries
Mini BBS
Back Number
Comments
犬猫の腎臓病 (すーママ)
犬猫の腎臓病 (すーママ)
犬猫の腎臓病 (すーママ)
犬猫の腎臓病 (らぶママ)
犬猫の腎臓病 (すーママ)
犬猫の腎臓病 (すーママ)
TrackBacks
Tag Click
Access Ranking
Click Please!