ブログパーツ転載・説明評価

　『マウスがディズニィー・アニメに変わる？』　④の②

気に入ったアニメコンテンツのコードを拾い出します。

例えば、『デイズ二ィー』でいえば
①http://www.superpimper.com/graphics/cursors.htm
②http://www.superpimper.com/graphics/cursors-MySpace-Disney.htm
　　(Disney Cursors)
・・・此処までは前回での説明どおりです。
③disney-1 というリストボックスに移動しクマのプーさんがお気に入りであれば選択しコピーします。
・マウスの左クリックで選択できます。(文字の背景が濃紺色に変わります)
・次にマウスの右クリックを押します。(小さな灰色のメッセージボックスのような物が表示されます)
・次に左または右のマウスでコピーを選択しておいてクリックします。(これでコピーされています)
・そして、これをノートやワードパッドにマウスの右ボタンクリックでペーストアウト(貼り付け)し表示させます。
(通常はこれを編集してから、ブログの新規投稿文としてワードパッド・テキスト文をブログ・テキスト文に貼り付け、テストしてからしてから投稿します)
↓
下記はコピーしたものをペーストした内容例です。(注意：これは、直接ではヤフーブログでは使えません。)

 <style type="text/css">body {cursor: url(http://media.superpimper.com/cursors/Disney/disney-1.cur); 
}</style><a href="http://www.superpimper.com/promo" target="_blank"><img src="http://www.superpimper.com/images/banner.gif" alt="Myspace Layouts, Myspace Graphics, Myspace Backgrounds, Codes" style="position:absolute; left:0px; top: 0px;" border="0"></a>

下記は普通文字例です。
cursor: url(http://media.superpimper.com/cursors/Disney/disney-1.cur　・・・これが、(;)を頭に入れて、下記文法中で使われております。
そして、``から始まるテキストエリア内のトップに[[item(1,1)]]と言うのが追加されています。(これはカーソルを切り換えて使う為に必要な文法表現ですが共通仕様です)

||<#FFFFFF'style='center;color:#00FF00;cursor:url(http://media.superpimper.com/cursors/Disney/disney-1.cur);'``[[item(1,1)]]クマのプーさん：　寒い冬の夜です～♪　ほんとうに、ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』||

この文をそのまま地で表現すると下記の通りとなります。
これで下の分の緑の文字の上にマウスの矢印ポインタを置いてみてください。
(マウスポインタが　クマのプーさんに変わったでしょう！！)
  ↓↓↓

クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』

color:#00FF00　緑を　color:#FF0000　にすると赤です
||||<#FFFFFF'style='center;color:#FF0000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-1.cur);'``[[item(1,1)]]クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』||
  ↓↓↓

クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』

color:#FF0000　赤を　color:#0000FF　にすると青です
||||<#FFFFFF'style='center;color:#0000FF;cursor:url(http://media.superpimper.com/cursors/Disney/disney-1.cur);'``[[item(1,1)]]クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』||
  ↓↓↓

クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』

font-size:10pt;  を追加するとデフォルトサイズから任意の文字サイズに変更が出来ます。
||||<#FFFFFF'style='font-size:12pt;center;color:#0000FF;cursor:url(http://media.superpimper.com/cursors/Disney/disney-1.cur);'``[[item(1,1)]]クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』||
  ↓↓↓

クマのプーさん：　寒い冬の夜です～♪　ほんとうに　さむいけれど　『☆風邪引かないでねぇ～♪』

※これだけでも、コピペっし文字を変えて貼り付ければ既に使えますね。カラー版で・・・

※注意としては、上記のＵＲＬのページに移った時にリストボックスの上にマウスを置くと表示が矢印からアニメに変わるものだけが有効です。 (動画仕立てのアニメは少ないですが所々、混じっています。表示可能なものがとても少ないページもあります) ↓ 気に入ったアニメコンテンツのコードを拾い出します。(次回へ)

↑上記のイメージのwiki制御文↓(まれさんのりソース例) ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509a2003.gif);width:520px;font:italic bold;border: ridge 1px #53006A;font-family:"HGS行書体";font-size:16pt;color:#FFFFFF;text-align:center;'``ここにお好みの文字を入れてね　[http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_021.jpg] ||<#FFFFFF' ``||

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509a2003.gif);width:520px;font:italic bold;border: ridge 1px #53006A;font-family:"HGS行書体";font-size:16pt;color:#FFFFFF;text-align:center;'``◆ここにお好みの文字を入れてね◆　[http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF] ||<#FFFFFF' ``||

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509a2003.gif);width:520px;font:italic bold;border: ridge 1px #53006A;font-family:"HGS行書体";font-size:16pt;color:#FFFFFF;text-align:center;'``◆ここにお好みの文字を入れてね◆　[[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] ||<#FFFFFF' ``||

↑ [http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_021.jpg] ⇒ [[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] に交換 [[img…]]が[[item…]]などコントロール対象の違いでwiki文法上に若干の差がありますが音楽・動画でも可能です。

『★勉強部屋★』キラキラ枠を作ろうから(その３)での写真wiki文はattach文ではなくattached文でした。当方、現在使用していないとはいえ修正方々お詫び申し上げます。 ※枠のサイズ、境界線の幅の可変化について (主体となる枠の中に納まる画像のサイズに合わせて自動的に拡張してくれます) 拡張方向は小さくなる場合でも拡張可能だったり、越える大きいものだけに作用するなどがあります！！『★勉強部屋★』キラキラ枠を作ろうから(その１～５)までありますので各、個別チェックしてから御使用下さい。 width:520px　・・・枠の基本的幅の決定(ケースにより自動拡張が加わります) ridge 1px 　　・・・枠の境界線の幅、大きくしていくと模様が変わります(メモメモ) ※主体の画像（静止画、動画、写真)のいずれも対称にしてサイズを変更が可能です。下記例(xxx.GIF or xxx.gif ファイル)のリンク版での対応例です。 [http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF]　←　元々のサイズを基本にします。 ↓ [[img(http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF,250)]]]　←　ｘ方向のサイズを250にしｙ方向は比例。 ↓ [[img(http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF,250,200)]]←　ｘ方向のサイズを250にしｙ方向のサイズを200。

↑上記のイメージのwiki制御文↓(まれさんのりソース例) ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509d2003.gif);width:510px;font:italic bold;border: ridge 6px #00FFFF;font-family:"江戸勘亭流";font-size:16pt;color:#FF00BF;text-align:center;'``ここにお好みの文字を入れてね　[[img(http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_024.jpg,530)]] ||<#FFFFFF' ``||

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509d2003.gif);width:510px;font:italic bold;border: ridge 6px #00FFFF;font-family:"江戸勘亭流";font-size:16pt;color:#FF00BF;text-align:center;'``◆ここにお好みの文字を入れてね◆　[[img(http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF,250)]] ||<#FFFFFF' ``||

↑ http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_024.jpg ⇒ http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIFに交換サイズ５３０ ⇒ ２５０ (サイズ５３０を変更した例…　センターに収まります)

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/509d2003.gif);width:510px;font:italic bold;border: ridge 6px #00FFFF;font-family:"江戸勘亭流";font-size:16pt;color:#FF00BF;text-align:center;'``◆ここにお好みの文字を入れてね◆　[[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] ||<#FFFFFF' ``||

↑ [[img(http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_024.jpg)]] ⇒ [[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] に交換 [[img…]]が[[item…]]などコントロール対象の違いでwiki文法上に若干の差がありますが音楽・動画でも可能です。