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

『★勉強部屋★』キラキラ枠を作ろうから(その３)

http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00015.GIF　　
　

『まれ』さんファン専用キラキラ枠の使い方と使い分け！！　
(『まれ』さんに感謝の気持ちを込め、ファンのみ公開で行いました。)
まずはファン登録の上『★勉強部屋★』キラキラ枠を作ろうへお立寄りの上、転載してください。

http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00015.GIF　　　

http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_003.jpg

  ↑上記のイメージのwiki制御文↓(まれさんのりソース例)

||<#FFFFFF' ``||
||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/neon2003a.gif);font:italic bold;border: ridge 1px #53006A;text-align:center;'``[[img(http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_003.jpg,535)]]
||<#FFFFFF' ``||

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/neon2003a.gif);font:italic bold;border: ridge 1px #53006A;text-align:center;'``[[img(http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF,535)]]
||<#FFFFFF' ``||

 ↑
http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_003.jpg ⇒ http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIFに交換
半角スペースがありますので注意！！　些細な事で正常表示されない場合があります。
ｘｘｘ.jpgのみでなくｘｘｘ.gifファイルも対象に可能と云うことです！！
枠側の描画を基準にキラキラ背景枠を作成し枠の外回りの細い境界線の幅も変更可能です

↑猫のサイズが大きくなったのが分ると思います。枠のサイズの中に収めようとする物(猫)の横方向サイズが基本となっています！！(猫のサイズを可変できます。例：５３５を２３５辺りにしてみてください。元はもっと小さなチビ猫です)

  ↑上記のイメージのwiki制御文↓

||<#FFFFFF' ``||
||<#ffffff'style='background-image:url(http://www.asahi-net.or.jp/~md5s-kzo/neon2003a.gif);font:italic bold;border: ridge 1px #53006A;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_003.jpg,535)]] ⇒ [[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]]に交換
[[img…]]が[[item…]]などコントロール対象の違いでwiki文法上に若干の差がありますが音楽・動画でも可能です。

サイズに変化が見られるのが分ると思います。音楽・動画のサイズに基準がおかれています！！(動画のサイズ４２５、３５５を変更するとサイズが変化します！！)

wiki文による制御文はコピーして、文章中に入れます、そして、背景に貼るオリジナルのものだけ文字列を張り替えます。
背景枠をそのまま利用する方が綺麗ですが枠の特徴を変える事も出来ます。
その場合、数字を変えてみると分りますのでチェックしてみてください。
殆んど文のコピーペースト作業で済みますがくれぐれも半角文字とスペースが有るところに気をつけます。
改行にも注意をしてください。
投稿時、wiki文法を使用に必ずチェックマークを入れてください！！確認チェックでテストをまず行ってみてください！！
これも各種のリソースが使え応用範囲が広がりますのできっと重宝すると思います。
(※コピーはマウスの左を押さえ続けて移動すれば選択できます、マウスの右をその後押すとコピーできる表示が出てきます、続けてマウスをクリックするとコピー出来ますのでどこかに貼り付けてください！！)
－再度、『まれ』さんに感謝！！－

【追記】attach文で写真を扱えますので写真にキラキラ枠を設けたい方は是非、トライの程を！！！
※私は今の所、写真を投稿していませんが同様に有効化すると思います。

http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00015.GIF －続く－　　　　

↑上記のイメージのwiki制御文↓(まれさんのりソース例) ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://i219.photobucket.com/albums/cc123/misada_2007/background/040/085.gif);font:italic bold;border: ridge 4px #53006A;text-align:center;'``[http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_034.jpg] ||<#FFFFFF' ``||

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://i219.photobucket.com/albums/cc123/misada_2007/background/040/085.gif);font:italic bold;border: ridge 4px #53006A;text-align:center;'``[http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF] ||<#FFFFFF' ``||

↑ http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_034.jpg ⇒ http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIFに交換半角スペースがありますので注意！！　些細な事で正常表示されない場合があります。ｘｘｘ.jpgのみでなくｘｘｘ.gifファイルも対象に可能と云うことです！！内側の描画を基準にキラキラ背景枠を作成し枠の外回りの細い境界線の幅も変更可能です

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://i219.photobucket.com/albums/cc123/misada_2007/background/040/085.gif);font:italic bold;border: ridge 4px #53006A;text-align:center;'``[[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] ||<#FFFFFF' ``||

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

↑上記のイメージのwiki制御文↓(ユーチューブの共有でヤフー向けに送ってくれる音楽・動画版の例です。(リンク文は省略) [[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]]

↑上記のイメージのwiki制御文↓(まれさんのりソース例) ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://img115.imageshack.us/img115/3268/043kc9.gif);font:italic bold;border: ridge 3px #D0BAA2;text-align:center;'``[http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_007.jpg] ||<#FFFFFF' ``||

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://img115.imageshack.us/img115/3268/043kc9.gif);font:italic bold;border: ridge 3px #D0BAA2;text-align:center;'``[http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIF] ||<#FFFFFF' ``||

↑ http://www.kissdesign.org/postoffice/images/postales_penny_parker/penny_parker_007.jpg ⇒ http://www.lares.dti.ne.jp/~ks-fahfa/Blog/CommonParts/WEB00069.GIFに交換するだけです。　半角スペースがありますので注意！！　些細な事で正常表示されない場合があります。ｘｘｘ.jpgのみでなくｘｘｘ.gifファイルも対象に可能と云うことです！！内側の描画を基準にキラキラ背景枠を作成し枠の外回りの細い境界線の幅も変更可能です

↑上記のイメージのwiki制御文↓ ||<#FFFFFF' ``|| ||<#ffffff'style='background-image:url(http://img115.imageshack.us/img115/3268/043kc9.gif);font:italic bold;border: ridge 3px #D0BAA2;text-align:center;'``[[item(http://www.youtube.com/v/S4f5f5z3CDM,425,355)]] ||<#FFFFFF' ``||

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