らくらくコピペ サムネイル
の作り方
らくらくコピペでサムネイルを作りましょう。
* | * |
border="0"
は枠表示
cellpadding="5"は
セル内の余白
cellspacing="0"
は罫線
bgcolor="#66cccc"
は背景色
( 16進コード作成ツール
でいろいろためしてね。)
数字を変えたり無くしたりすると違いがわかります。
この表を文字で表すと
2行5列の表
ということになります。ということは
<TR>
は行、
<TD>
は列だと
頭のいい皆さんはお分かりいただけたでしょう。
ですからこれを減らしたり増やしたりでいくらでも調節できます。
align="center" valign="middle" は真ん中だな?くらいでいいです。無くすとどうなるかやってみてください。
width="128" height="128"
幅、高さです。
target="_blank" は新しいウィンドウです。左上だけこれにしました。他もしたい場合はこれを追加コピペ
この下コピペ
http://plaza.rakuten.co.jp/img/user/00.jpg は元画像(自分のに変えてね。このままでは映りません)
http://plaza.rakuten.co.jp/img/user/00.jpg
はサムネイル画像
alt="ねこ"
はマウスが上に行った時表示される文字です。本来、画像が見えない人のためのものです。
width="128"
サムネイルの幅
height="114"
サムネイルの高さ (出来れば画像自体を小さく揃えてください。)
数値は自分の画像に合わせてね。
このまま使うと画像によってはおかしなことになるよ。
出来るだけ元画像の左右の比率を変えないで縮小してください。
たとえば、400×300なら133×100とか、(割り切れない数字は適当に)
border="1"
リンクしてるよと回りの色が変わってますね。
数字を大きくすると太くなります。右の家にはつけていません。
お好みでどうぞ
<TD></TD>
写真がない部分です。この枚数なら
2行4列でピタリということです。
直すには 青い
align="center" valign="middle" width="128"
height="128"><A href="http://plaza.rakuten.co.jp/img/user/96/59/3359659/144.gif"><IMG
src="http://plaza.rakuten.co.jp/img/user/96/59/3359659/144.gif"
width="124" height="121" border="0"></A>
を <TD
ココ
</TD>
の間にコピペ。 白く表示してある<TD></TD>を削除します。