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

らくらくコピペ　画像　サムネイル表示

昨日来ていただいた方ごめんなさい。

途中からエラーの連続でぐちゃぐちゃになってしまいました。

　オレが悪いんではなく、楽天広場さんの不調のせいです。

昨日のもあとでUPしておきます。

　でもこんな事が続くと、らくらくコピペの存続も危ないな。

なにしろ、HTMLソースをそのままコピペ出来るようにしてるので、

チョコッと修正は不可です。全部UPし直しです。

だから、他のタグ紹介サイトさんは＜を大文字なんかにしています。でもこれだとらくらくじゃないもんね。



　チョット、ネコちゃんがじゃまするので、違うパソに移動します。それではまた。

　サムネイルってわかりますよね。小さい画像が並んでいる奴。

画像の倉庫がいっぱいなので、 見本はこちら（ネコ嫌いの人も我慢して見てね）

１、まず、画像を用意してください。管理人といっしょで画像の倉庫がいっぱいの方は

こちらで、HPスペースを借りれます。 無料HPスペース集 　他にもあるけど。、、、

画像UP の仕方が分からない方は こちらの日記

縮小が出来ない方、 こちらの日記

で用意できましたか？

　ホントは、元画像（クリックした時の画像）とサムネイル表示用、縮小画像を用意します。

余裕がある人はそうしてください。

余裕がない場合カッコだけとなります。（爆）

　本来一覧表示のとき、画像を早く読み込ませるため小さく軽くして、

元画像はキレイにするのがいいんですが、楽天では、

制限があるんでそんなにキレイには出来ません。

２、それでは 、見本２を見てください 。サムネイルと元画像が同じものを使用しています。

例によって表で作ってありますので、

日記には載せられません。見本２からコピペをお願いします。

注意点は画像を編集する時できるだけ大きさを揃えるということだけです。

縮小専用と　PHOTOプロちっく 　はホント便利物です。

border="0" は枠表示　 cellpadding="5"は セル内の余白　 cellspacing="0" は罫線　 bgcolor="#66cccc" は背景色

（ 16進コード作成ツール でいろいろためしてね。）

数字を変えたり無くしたりすると違いがわかります。

この表を文字で表すと 2行5列の表 ということになります。ということは は行、 は列だと

頭のいい皆さんはお分かりいただけたでしょう。

ですからこれを減らしたり増やしたりでいくらでも調節できます。

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" リンクしてるよ、と回りの色が変わってますね。

数字を大きくすると太くなります。右の家にはつけていません。

お好みでどうぞ

　そして、みなさんらくらくコピペで出来たら、教えて下さいね。

見に伺いますので、それで出来れば、わからなかった所や、

エラーが出てしまうところなんかも教えてくれるとありがたいです。

　中には、コピペの仕方間違って、新しい発見した人なんかもいるんで

そんなのもありましたら教えてください。