サンプル集　3

「楽天広場」ですぐ使える
 超初心者向けタグ講座

7-3.　サンプル集--3--
MARQUEE　　+　　MARQUEE
＊　MARQUEEを複数組み合わせたタグです。
＊　ご利用の際は編集画面で 「自動改行なし（<BR>タグで指定）」 を選択してください。
サンプル　3-1
★
サンプルを表示するタグ
<marquee direction=down width=250 height=20 bgcolor=navy> <marquee><font color=yellow size=2>★</font></marquee> </marquee>

サンプル　3-2
★ ★ ★
サンプルを表示するタグ
<marquee direction=down width=250 height=20 bgcolor=black>
<marquee scrollamount=8>
<font color=yellow size=2>★</font></marquee>
<marquee scrollamount=14>
<font color=orange size=2>★</font></marquee>
<marquee scrollamount=20>
<font color=red size=2>★</font></marquee>
</marquee>

サンプル　3-3
●
サンプルを表示するタグ
<marquee direction=up behavior=alternate width=250 height=20 bgcolor=yellow> <marquee behavior=alternate><font color=red size=2>●</font> </marquee></marquee>

サンプル　3-4
NEW
サンプルを表示するタグ
<marquee behavior=alternate scrollamount=500 width=250>
<b>
<font color=red size=2>
NEW
</font>
</b>
</marquee>

サンプル　3-5　
（サンプル3-1をラインにした使用例）
★
サンプルを表示するタグ
<marquee direction=down width=450 height=10 bgcolor=navy>
<marquee><font color=yellow size=2>★</font></marquee>
</marquee>

サンプル　3-6　
（サンプル3-2をテーブルの飾りにした使用例）
★ ★ ★
この部分に更新履歴とか
画像を貼り付けたりして…
★ ★ ★
サンプルを表示するタグ
<table width=150 bordercolor=red border=1 cellpadding=0 cellspacing=0>
<tr><td>
<marquee direction=down width=150 height=10 bgcolor=black>
<marquee scrollamount=8><font color=yellow size=2>★</font></marquee>
<marquee scrollamount=14><font color=orange size=2>★</font></marquee>
<marquee scrollamount=20><font color=red size=2>★</font></marquee>
</marquee>
</td></tr><tr><td bgcolor=red>
<font color=white size=2>
<center>
この部分に更新履歴とか<br>
画像を貼り付けたりして…
</center>
</td></tr><tr><td>
<marquee direction=down width=150 height=10 bgcolor=black>
<marquee scrollamount=8><font color=yellow size=2>★</font></marquee>
<marquee scrollamount=14><font color=orange size=2>★</font></marquee>
<marquee scrollamount=20><font color=red size=2>★</font></marquee>
</marquee>
</td></tr></table>

サンプル　3-6　
（サンプル3-4をテーブルの飾りにした使用例）
NEW
この部分に新しくUPした
ページの紹介なんかを…
サンプルを表示するタグ
<table width=150 bordercolor=navy border=1 cellpadding=0 cellspacing=0>
<tr><td>
<marquee behavior=alternate scrollamount=500 width=150>
<b><font color=red size=2>NEW</b></font>
</marquee>
</td></tr><tr><td bgcolor=navy>
<font color=white size=2>
<center>
この部分に新しくUPした<br>
ページの紹介なんかを…
</center>
</td></tr></table>





BACK
TOP
NEXT

© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: