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

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

下記、公開コードはマウスポインターが文字域に入り込みますとアニメカーソルに変化するように制御文を付加してあります。
ニモだけによらず選択してお使いして頂くことができますョ～♪
また、文字の左詰、右詰も可能ですから、既に公開済みのことやらフォントの適用例を参考に頑張って活用してみてください。
ボチボチとまったり感でのんびり毎日に寄らずともコツコツやっていれば、日にち薬で、知らずの内に上手に綺麗なデザインで真心込めて作成できるようになっていきます。
④の④Ex１３のwiki 文です。文字を変え、デザインを変え、色を変え、サイズを変える事で大いに変化の付いた楽しみ方に変わっていってくれると思います！！
ぜひぜひ、お試しを～～～♪

『例①』 ↓↓↓

||<#EAEABF'style=' width:530px;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";font-size:12pt;text-align:center;word-spacing:530px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]倍角文字でスペース一個で２行改行が出来ます　勿論、この文中での表現です　最も使いやすく　応用が利くものと思います～♪　お体を大切に～～～♪||

『例②』 ↓↓↓

||<#EAEABF'style=' width:510px;font-family: Wingdings;font-size:12pt;text-align:center;word-spacing:510px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]倍角文字でスペース一個で２行改行が出来ます　勿論、この文中での表現です　最も使いやすく　応用が利くものと思います～♪　お体を大切に～～～♪||

『例③』 ↓↓↓

||<#EAEABF'style=' width:510px;font-family: Webdings;font-size:12pt;text-align:center;word-spacing:510px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]倍角文字でスペース一個で２行改行が出来ます　勿論、この文中での表現です　最も使いやすく　応用が利くものと思います～♪　お体を大切に～～～♪||

『例④』 ↓↓↓

||<#EAEABF'style=' width:530px;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";font-size:12pt;text-align:center;word-spacing:530px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]abcdefghijklmnopqrstuvwyz　ABCDEFGHIJKLMNOPQRSTUVWXYZ　0123456789()<>?_+*}`{=~　お体を大切に～～～♪||

『例⑤』 ↓↓↓

||<#EAEABF'style=' width:510px;font-family: Webdings;font-size:12pt;text-align:center;word-spacing:510px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]abcdefghijklmnopqrstuvwyz　ABCDEFGHIJKLMNOPQRSTUVWXYZ　0123456789()<>?_+*}`{=~　お体を大切に～～～♪||

『例⑥』 ↓↓↓

||<#EAEABF'style=' width:510px;font-family:  Wingdings;font-size:12pt;text-align:center;word-spacing:510px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]abcdefghijklmnopqrstuvwyz　ABCDEFGHIJKLMNOPQRSTUVWXYZ　0123456789()<>?_+*}`{=~　お体を大切に～～～♪||

『例⑦』 ↓↓↓

||<#000088'style=' width:480px;font-family:  Wingdings;font-size:24pt;text-align:center;word-spacing:480px;color:#00A000;cursor:url(http://media.superpimper.com/cursors/Disney/disney-9.cur)'``[[item(1,1)]]　A ||

フォントに関連する文法記述について Font:bold oblique 15pt Wingdings; Font:bold 15pt Wingdings; Font: 15pt Wingdings; 上記の３種類はフォントそのものに対する形容句が入っています。 boldは太字、obliqueまたはitalicは斜様体文字を表します Wingdingsはフォント名です、"魚石行書"とすると倍角文字で表現された日本語用のフォントが指定できます。 15ptとあるのはフォントサイズです、15pxと言うスタイルと２種類の表現があります。(同じ値でもサイズが異なります pt > px) ;　のセミコロンまでに半角スペースを用いて一気に形容句としてフォントの特徴を表す事が出来ます。 ※注意：日本語のフォントなどはスペースの変わりにダブルコートの初めの囲いがやってきます。後からフォントサイズを変えたりも出来ます。その時はセミコロンの区切りを一つの単位とします。　;ここに下記を書く;　(セミコロンで囲まれた間) 　 font-size:20px; font-size:20pｔ; 後からカラーを変えたりも出来ます。その時はセミコロンの区切りを一つの単位とします。　;ここに下記を書く;　(セミコロンで囲まれた間) color:blue; color:#0000FF; 何れも　style=' ～～～'``・・・　と有りますシングルコート間の初めと終わりは、フォントなどの特徴の制御文を書く範囲です。その初めと終わりは　(セミコロンで囲まれた間)ではなく、シングルコートとセミコロンの間(初めに挿入時)　、、セミコロンとシングルコートの間(終わりめに挿入時)　と言う関係になります。その後のダブルコートは文字の開始位置でありますが、ここに、文字を含めて(含めなくても可)、アニメや音楽ムービーなどのコントロールも含める事が出来ます。前にも言いましたが、フォントの性格を記述する内容は位置的にどこでも良いというのはstyle=' ～～～'``・・・　と有りますシングルコート間の初めと終わりの間までです。その後の文字列域では有効化しません。最初にカラー指定があり、後でフォント指定があってもよくも良く、順番も入れ違えても構いません。が、;～～;(セミコロンで囲まれた間)と言う規則を守ってください、つまりは、;(セミコロン)を追加して書き足します。そして、同じ内容のものがあるなら、後のものが有効化します。

【フォント参考用：：記号系でもいける　ゴーゴー！！】 ①　Font:bold oblique 15pt Wingdings ②　Font:bold oblique 15pt Wingdings ③　Font:bold 15pt Wingdings ④　Font: 15pt Wingdings

フォントやフォントサイズの記述の仕方などの勉強会的な復讐とスペシャルおまけ。フォントに関連するおまけですが、ワードパッドなどをさわっていてWingdingsなどというフォントを見たことがある人もいるでしょう。キー文字が絵の記号に変わっている文字フォントです。　⇔　Wingdings ※Wingdings以外にもWebdingsなども記号文字のフォントです。

①oblique　==　italic　bold　【Wingdings】 ||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold oblique 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*|| ↓↓↓

②italic　==　oblique bold　【Wingdings】 ||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold italic 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*|| ↓↓↓

③ bold　【Wingdings】　　 ||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*|| ↓↓↓

④default　【Wingdings】 ||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font: 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*|| ↓↓↓

(例)　この文例ではマウスをアニメカーソルに変化させる制御文は入れていませんので必要なら追加が必要となります。 ||||<#'Style='Font:bold 20pt"江戸勘亭流";Color:#FF0000;Background:url(http://uk.bloggif.com/img/glitter/30.gif);[http://];Border:outset 5px #FF00BF;Width:560px'``　『マウスがディズニィー・アニメに変わる？』　④の④Ex１１(タイトルと同じ見本)|| ↓↓↓

"江戸勘亭流"とあるところを "魚石行書" "HGS行書体" "ＭＳＰ明朝" "ＭＳ明朝" "ＭＳＰゴシック" "ＭＳゴシック" ・・・と好みのフォントに入れ替えて使用が可能となります。

Font:bold 20pt"魚石行書";　とあるのを Font:bold oblique 15pt DejaVu Sans Font:bold oblique 15pt Wingdings Font:bold italic 15pt Wingdings と半角英数で指定できるフォントは"倍角文字によるフォント"のように半角英数のダブルコート"で囲み指定しなくてもOKです。勿論、フォントの切り替えが可能です。 ※注意：obliqueとitalicは同じ内容でイタリックと言う斜様文字の指定です。フォントにかかる形容的な制御文字については最終回にその文法性などと一緒にまとめたいと思います。

①おなじみのまれさんの記事からの抜粋(ファンになってご覧下さい)にマウスカーソルをアニメカーソルに切り換える事が可能なように追加の制御文を付加した物です。倍角のスペースによる改行、文字列の幅寄せが任意指定可能(現在センター)と背景の色も任意の変える事が出きますよ～ゥ♪　勿論、フォントもフォントサイズも変える事が出来ます。 ||<#FFFFFF' style='width:540px;text-align:center;line-height:1.2;font-size:13pt;font-weight:bold;color:#E680B3;filter:Wave(add=1,freq=●)Glow(color=#99004D,strength=5);background-color:transparent;word-spacing:520px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur)'``[[item(1,1)]]◆　*(^◆^)*　ここに、文字をいれてね　全角スペースで改行してください|| ↓↓↓

②　上記の文字色を変えた内容です。 ||<#FFFFFF' style='width:540px;text-align:center;line-height:1.2;font-size:13pt;font-weight:bold;color:#80E680;filter:Wave(add=1,freq=●)Glow(color=#009900,strength=5);background-color:transparent;word-spacing:520px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur)'``[[item(1,1)]]◆　*(^◆^)*　ここに、文字をいれてね　全角スペースで改行してください|| ↓↓↓

③　上記の文字色を変えた内容です。 ||<#FFFFFF' style='width:540px;text-align:center;line-height:1.2;font-size:13pt;font-weight:bold;color:#E6B380;filter:Wave(add=1,freq=●)Glow(color=#994D00,strength=5);background-color:transparent;word-spacing:520px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur)'``[[item(1,1)]]◆　*(^◆^)*　ここに、文字をいれてね　全角スペースで改行してください|| ↓↓↓

④　上記の文字色を変えた内容です。 ||<#FFFFFF' style='width:540px;text-align:center;line-height:1.2;font-size:13pt;font-weight:bold;color:#B380E6;filter:Wave(add=1,freq=●)Glow(color=#4D0099,strength=5);background-color:transparent;word-spacing:520px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur)'``[[item(1,1)]]◆　*(^◆^)*　ここに、文字をいれてね　全角スペースで改行してください|| ↓↓↓

⑤　上記の文字色を変えた内容です。 ||<#FFFFFF' style='width:540px;text-align:center;line-height:1.2;font-size:13pt;font-weight:bold;color:#80E6E6;filter:Wave(add=1,freq=●)Glow(color=#009999,strength=5);background-color:transparent;word-spacing:520px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur)'``[[item(1,1)]]◆　*(^◆^)*　ここに、文字をいれてね　全角スペースで改行してください|| ↓↓↓