なつ&ケイ home

□スライド画像・文字

【12月11日(土曜日)日記枠のタグ】コピー&ペーストでそのまま使えますのでご自由にお持ち帰り下さい。

ただし画像編の写真枚数は4枚分のタグです。もし枚数を増やしたい場合は赤い部分のタグをコピーして赤いタグ部分</TR>の後ろに増やしたい枚数分だけペーストして追加してください。

テキスト編は5枚分のタグですが,増やし方は同じです。

また画像とテキストを混ぜて使うことも出来ます。
赤い部分を双方のタグに入れ替えるだけです。

さらに表示切替え速度を変えたい場合は" 1000 "の数字を書き換えると調整できます。
数字を大きくするほど「ゆっくり」,反対に小さくするほど「早く」画像が切り替わります。


【※画像編】

<CENTER><TABLE cellspacing="20" border="1" bgcolor="#d8d8af"><TBODY><TR><TD><MARQUEE width="300" direction="up" height="225" scrollamount="225" scrolldelay=" 1000 "><TABLE cellpadding="0" cellspacing="0"><TBODY><TR><TD width="300" height="225"><IMG src="http:// 画像のURL1 " width="300" height="225" border="0"></TD></TR><TR><TD width="300" height="225"><IMG src="http:// 画像のURL2 " width="300" height="225" border="0"></TD></TR><TR><TD width="300" height="225"><IMG src="http:// 画像のURL3 " width="300" height="225" border="0"></TD></TR> <TR><TD width="300" height="225"><IMG src="http://http:// 画像のURL4 " width="300" height="225" border="0"></TD></TR> </TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></CENTER>






【※テキスト編】

<CENTER><TABLE cellspacing="20" border="1" bgcolor="#d8d8af"><TBODY><TR><TD><MARQUEE width="300" direction="up" height="225" scrollamount="225" scrolldelay=" 1000 "><TABLE cellpadding="0" cellspacing="0"><TBODY><TR><TD width="300" height="225" align="center"><FONT size="+2" face="MS Pゴシック" color="#000000"> ここに文字を入れましょう♪1 </FONT></TD></TR><TR><TD width="300" height="225" align="center"><FONT size="+2" face="MS Pゴシック" color="#0000ff"> ここに文字を入れましょう♪2 </FONT></TD></TR><TR><TD width="300" height="225" align="center"><FONT size="+2" face="MS Pゴシック" color="#009900"> ここに文字を入れましょう♪3 </FONT></TD></TR><TR><TD width="300" height="225" align="center"><FONT size="+2" face="MS Pゴシック" color="#998000"> ここに文字を入れましょう♪4 </FONT></TD></TR> <TR><TD width="300" height="225" align="center"><FONT size="+2" face="MS Pゴシック" color="#990000"> ここに文字を入れましょう♪5 </FONT></TD></TR> </TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

ここに文字を入れましょう♪1
ここに文字を入れましょう♪2
ここに文字を入れましょう♪3
ここに文字を入れましょう♪4
ここに文字を入れましょう♪5


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