画像と文章・表組みを使って配置

https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/194827/img_194827_21118690_1?1135488276
 カシオLV-10 カシオLV-10 中央  愛犬 愛犬  右   レディー レディー 

||<#ffffff'``||
||<#ffffff'style='text-align:left'``左 http://img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/178935/img_178935_2870341_2?1116200872 カシオLV-10
||<#ffffaa'style='text-align:center'``中央 http://img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/178935/img_178935_2870341_1?20050516084752.jpg 愛犬 
||<#ffff66'style='text-align:right'``右 http://img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/178935/img_178935_2870341_1?20050516084752.jpg レディー
●||<#ffffff'style='text-align:right' > center > right で文字の位置指定します。
    ↑背景色指定 ↑文字位置↑指定
●画像の前の文字は上に、後は下に表示されます。
 
●画像拡大表示のやり方のポイント
[ [img(URL ,表示させたいヨコピクセル数,スペースもしくはタテピクセル数, alt文)]]
タテヨコの比率を変えると編倍します。
●URLのコピーのやり方:修正ボタンを押して編集画面にする。
編集画面上でアップロードした添付画像の上で右クリック→ショートカットのコピーをクリックして、コ
ピーして貼り付けてください。(ペースト:Ctrl+VでもOK)これで完成です。
注意:ピクセル数はヨコ560以下にしてください。2枚並べの場合270以下、3枚の場合180以下にしてく
ださい。もちろんもっと小さい数字でも可能です。ちなみに元画像より大きな数字を入れると拡大されま
す。(但し画像は荒れます。)
alt文:マウスのカーソルが画像の上に来た時、表示される文章

 中央  【愛犬レディー】  愛犬レディ  小さい画像(180px)がひとつの場合、幅を指定しないと文字が上下に表示されません。「width:180」が幅指定です画像サイズ+10pxで指定します。画像サイズが560pxの場合は幅を指定しなくても上下に表示されます。

||<#ffffff'``||
||<#ddffff'style='width:180;text-align:center'``中央 http://img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/178935/img_178935_2870341_1?20050516084752.jpg 【愛犬レディー】分章が長い場合はこの様に流し込まれます。
||小さい画像(170px)がひとつの場合、幅を指定しないと文字が上下に表示されません。「width:180」が幅指定です画像サイズ+10pxで指定します。画像サイズが560pxの場合は幅を指定しなくても上下に表示されます。

●右の説明文:背景白でタグを記入しない場合は『 || 』だけで良いです。

文字の色や大きさ変えたい時は他の記事のタグと組み合わせてください。

INDEXへ