ひな形メール(3)蝶々の色を変える

butterfly2.htm で、蝶々の羽根の色を変える方法
 右クリックして編集で開いて HTML の Script を出し、下記の中から
●<!--右の羽:●<!--左の羽: の中の " fillcolor="#ffff00" を変更します。
-----------------------------------------------------------
●蝶の形状・色を設定しています。
<div id=world style="position:absolute; top:50%; left:50%;">

●<!--蝶-->
<v:group id=butterfly1 style="width:10; height:10; left:0; top:0; position:absolute; rotation:0;" coordsize="10,10" coordorigin="0,0">

●<!--右の羽:羽ばたく部分-->羽の色:fillcolor
<v:shape id=butterfly11 strokecolor="black" style="width:1; height:1; left:0; top:0; position:absolute; rotation:0;" coordsize="1 1" coordorigin="0 0" path="m 0 0 c 40 29 31 -47 0 1 x e m 0 0 c 37 2 -1 38 1 0 x e" fillcolor="#ffff00">
<v:extrusion id=butterfly111 on="true" backdepth="1" rotationangle="0,0"/>
</v:shape>

●<!--体-->
<v:shape id=butterfly13 strokecolor="black" style="width:1; height:1; left:0; top:0; position:absolute; rotation:0;" coordsize="1 1" coordorigin="0 0" path="wa -2 0 2 20 0 30 1 30 e wa -2 -4 2 0 0 30 1 30 e">
<v:extrusion id=butterfly131 on="true" backdepth="1" rotationangle="0,0"/>
</v:shape>

●<!--触角-->
<v:shape id=butterfly14 strokecolor="black" style="width:1; height:1; left:0; top:0; position:absolute; rotation:0;" coordsize="1 1" coordorigin="0 0" path="m 1 0 c -1 0 0 -16 13 -22 c 0 -16 -1 0 1,0 m -1 0 c 1 0 0 -16 -13 -22 c 0 -16 1 0 -1,0 x e">
<v:extrusion id=butterfly141 on="true" backdepth="0.1" rotationangle="0,0"/>
</v:shape>

●<!--左の羽:羽ばたく部分-->羽の色:fillcolor
<v:shape id=butterfly12 strokecolor="black" style="width:1; height:1; left:0; top:0; position:absolute; rotation:0;" coordsize="1 1" coordorigin="0 0" path="m 0 0 c -40 29 -31 -47 0 1 x e m 0 0 c -37 2 1 38 -1 0 x e" fillcolor="#ffff00">
<v:extrusion id=butterfly121 on="true" backdepth="1" rotationangle="0,0"/>
</v:shape>
</v:group>
</div>
----------------------------------------------------------
" fillcolor="#ffff00"は、yellow の色指定値です。ここに yellow と記入しても
構いません。
先程の、右の羽根、左の羽根それぞれを" fillcolor="red" に変更して、名前を付けて保存
で、butterfly2R.htmにして実行して見て下さい。赤い羽根になります。

 又、蝶々の大きさは、下記の style="width:10; height:10 の数値を変えます。
------------------------------------------------------------
●<!--蝶-->
<v:group id=butterfly1 style="width:10; height:10; left:0; top:0; position:absolute; rotation:0;" coordsize="10,10" coordorigin="0,0">
[PR]
by pcog1212 | 2006-02-14 22:05 | メール | Comments(0)


<< どうしても削除出来ないソフト ひな形メール(2)サンプルの中... >>