☆ マーキータグの作成方法。

  HPビルダーでは、挿入→その他→マーキーで作成出来ます。
  HyperEdit では、HTML→特殊効果→文字のスクロールで作成出来ます。
  Webサイトには、簡単にマーキータグが作成出来るサイト様もあります。

以下の説明には、HPビルダーでマーキータグの作成をしました。

マーキーで動かす!
1.<MARQUEE width="400" height="50" scrollamount="5" truespeed bgcolor="#e1fbe1" behavior="scroll" direction="left">マーキーで動かす!</MARQUEE>

マーキーで動かす!
2.<MARQUEE width="400" height="50" scrollamount="6" scrolldelay="10" truespeed bgcolor="#e1fbe1" loop="0" behavior="slide" direction="right">マーキーで動かす!</MARQUEE>


マーキーで動かす!
3.<MARQUEE width="400" height="100" scrollamount="6" truespeed bgcolor="#e1fbe1" behavior="alternate" direction="up" scrolldelay="100">マーキーで動かす!</MARQUEE>


マーキーで動かす!
4.<MARQUEE width="400" height="50" scrollamount="6" bgcolor="#e1fbe1" loop="0" behavior="alternate" direction="right">マーキーで動かす!</MARQUEE

他にも色々出来ますが、これぐらいで・・。^^;

☆  タグの属性を組み合わせれば、下のような動きも出来ます。

文字

5.<TABLE border="0">
<TBODY>
<TR>
<TD width="480" height="320" align="center" bgcolor="#e1fbe1" style="border-width : 6px;border-style : double;border-color : #00cccc;"><MARQUEE width="480" height="310" scrollamount="5" truespeed behavior="alternate" direction="up" ><MARQUEE behavior="alternate"><span style="font-size:15pt; color:ff33ff;">文字</span>
<img src="tyou1.gif">
</MARQUEE></MARQUEE>
</TD>
</TR>
</TBODY>
</TABLE>


文字

6.<TABLE border="1" background="画像URL">
<TBODY>
<TR>
<TD width="480" height="320" align="center"><MARQUEE width="480" height="310" scrollamount="5" truespeed behavior="alternate" direction="up" ><MARQUEE behavior="alternate"><span style="font-size:15pt; color:ffffff;">文字</span>
<img src="画像URL">
</MARQUEE></MARQUEE>
</TD>
</TR>
</TBODY>
</TABLE>


//////////////////////////////////////////////////////////////////////////


☆ gooブログでマーキータグの使用方法。

 <左に動きます!<
<<文字 <<
<右に動きます!<

1.<TABLE border="0">
<TBODY>
<TR>
<TD width="480" height="60" style="font-size:0px;"><<MARQUEE behavior="scroll" direction="left" scrollamount="4"><span style="font-size:15pt; color:000000;">左に動きます!</span><</MARQUEE></TD>
</TR>
<TR>
<TD width="480" height="310" background="画像URL"><<MARQUEE width="480" height="310" scrollamount="5" truespeed behavior="alternate" direction="up" ><<MARQUEE behavior="alternate"><span style="font-size:15pt; color:ffffff;">文字</span>又は
<img src="画像URL">
<</MARQUEE><</MARQUEE></TD>
</TR>
<TR>
<TD width="480" height="60" style="font-size:0px;"><<MARQUEE scrollamount="5" behavior="scroll" direction="right"><span style="font-size:15pt; color:000000;">右に動きます!</span><</MARQUEE></TD>
</TR>
</TBODY>
</TABLE>

gooブログでは、そのままで記事にすると動きが止まってしまいます。
<<MARQUEE><</MARQUEE>のように < を1個余分につけると動きます。
そうすると、< が表示されてしまいます。
その打開策として、style="font-size:0px;"のタグを追加して、< の表示を小さくします。
画像だけを動かす時には、これで良いのですが、
文字を動かす時には、文字が小さくなってしまいますので、
<span style="font-size:15pt; color:ffffff;">文字</span>のタグを使われると良いです。

背景に画像を挿入したり、ボーダーのスタイルを指定する時にも、HPビルダーで作成すると簡単に出来ます。



カウンター