000000 ランダム
 ホーム | 日記 | プロフィール 【ログイン】

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

サムネイルを作る


らくらくコピペ サムネイルの作り方

らくらくコピペでサムネイルを作りましょう。

ねこ



border="0"は枠表示 cellpadding="5"はセル内の余白  cellspacing="0"は罫線 bgcolor="#66cccc"は背景色
16進コード作成ツールでいろいろためしてね。)

数字を変えたり無くしたりすると違いがわかります。
この表を文字で表すと
2行5列の表ということになります。ということは<TR> は行、<TD>は列だと
頭のいい皆さんはお分かりいただけたでしょう。
ですからこれを減らしたり増やしたりでいくらでも調節できます。

align="center" valign="middle"は真ん中だな?くらいでいいです。無くすとどうなるかやってみてください。

width="128" height="128" 幅、高さです。

target="_blank"は新しいウィンドウです。左上だけこれにしました。他もしたい場合はこれを追加コピペ

この下コピペ

<CENTER>
<TABLE
border="0" cellpadding="5" cellspacing="0" bgcolor="#66cccc">

<TR>
<TD
align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg" target="_blank"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" alt="ねこ" width="128" height="114" border="1"></A></TD>
<TD
align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" width="94" height="129" border="1"></A></TD>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" width="124" height="94" border="1"></A></TD>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" width="124" height="94" border="1"></A></TD>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/00.gif"><IMG src="http://plaza.rakuten.co.jp/img/user/00.gif" width="124" height="121" border="0"></A></TD>
</TR>
<TR>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" width="124" height="94" border="1"></A></TD>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/img/user/00.jpg"><IMG src="http://plaza.rakuten.co.jp/img/user/00.jpg" width="124" height="94" border="1"></A></TD>
<TD align="center" valign="middle" width="128" height="128"><A href="http://plaza.rakuten.co.jp/user/00/img/.jpg"><IMG src="http://plaza.rakuten.co.jp/img/use/00.jpg" width="124" height="94" border="1"></A></TD>
<TD></TD>
<TD></TD>

</TR>

</TABLE>
</CENTER>

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>を削除します。

ねこ

Powered By 楽天ブログは国内最大級の無料ブログサービスです。楽天・Infoseekと連動した豊富なコンテンツや簡単アフィリエイト機能、フォトアルバムも使えます。デザインも豊富・簡単カスタマイズが可能!

Copyright (c) 1997-2017 Rakuten, Inc. All Rights Reserved.