大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

お知らせやを流すmarquee(マーキー)

お知らせや更新情報を流す実用marquee(マーキー)

MARQUEE マーキータグを使って文字や画像を動かす

top

marquee1

marquee2

marquee3

marquee4

marquee5

marquee6

marquee7

marquee8

marquee9

☆お知らせ☆
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい

更新情報やお知らせを入れるような飾りテーブルにmarquee(マーキー)タグをつけて自動スクロールさせたものです。
飾りテーブルのテンプレートはこちらにあります。
scrollamount="1"　スクロールの早さです、３くらいを入れて試してください。（タグ類はすべて半角で記入します）
height="95"> テーブルの高さより少し小さめに設定するのが良いと思います。

<table width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #ff72b4; border: 3px double #ff72b4; background-color: #fff2fa">

<tr>
<td>
<MARQUEE scrollamount="1" behavior="scroll" direction="up" height="95"><center> ☆お知らせ☆<BR>
〇月×日　楽天生活はおもしろい<BR>
〇月×日　楽天生活はおもしろい<BR>
〇月×日　楽天生活はおもしろい<BR></center>
</MARQUEE> </td>
</tr>

</table>

☆　更新情報　☆

☆お知らせ☆
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい

今回 font-family : fantasy というのを使用していますので
ご自分のサイトにあったFONTをお使いください。
色違いテンプレートは今のところ作っておりませんので、 #000000 などの赤いカラーコードを好きにかえてください。
カラー作成ツールはこちら

青い部分がMARQUEE(マーキー)です。

<TABLE style="BORDER: #000000 1px solid;" cellspacing="0" cellpadding="4">
<TBODY>
<TR>
<TD style="BORDER: #a2a2a2 1px solid; background-color : aqua; TEXT-ALIGN: center;">☆　更新情報　☆
<TABLE style="BORDER: #000000 1px solid; MARGIN: 4px; background-color : #ffffff ;" cellspacing="0" cellpadding="3">
<TBODY>
<TR>
<TD style="font-size : 10pt; font-family : fantasy ; TEXT-ALIGN: center;">
<MARQUEE scrollamount="1" direction="up" width="250" height="80"><center>☆お知らせ☆<BR>
〇月×日　楽天生活はおもしろい<BR>
〇月×日　楽天生活はおもしろい<BR>
〇月×日　楽天生活はおもしろい<BR></center>

</MARQUEE> </TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>