ゲストブックで画像を横に並べたい

ゲストブックで画像を横に並べる。
今はゲストブックでもCSS >『 ||<#FFFFFF'``|| 』が使えます。

画像は自分の記事にアップした物を使ってください。
URLアドレスの取得方法:編集画面下のサムネイルの上で
右クリック>ショートカットのコピー>
>入れたいところで右クリック>貼り付けで出来ます。

https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzutakun/20010101/20010101000850.jpg https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzutakun/20010101/20010101000850.jpg https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzutakun/20010101/20010101000850.jpg https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzutakun/20010101/20010101000850.jpg https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzutakun/20010101/20010101000850.jpg
URL.jpg半角スペースURL.jpg半角スペースURL.jpg半角スペースURL.jpg半角スペースURL.jpg

●これが一番簡単です。URLの後にJPEG画像の場合は「.jpg」GIF画像の場合は「.gif」を付け加えてください。但し最初から縮小した画像でしか並べられません。
合計でゲスブ用は420ピクセル以内(記事用は560ピクセル以内)になるように縮小してください。


画像を横に並べるにはこの方法を使います。
https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524

|||||||||| 画像を横に並べるにはこの方法を使います。||
||img(URL ,70)
||img(URL ,70)
||img(URL ,70)
||img(URL ,70)
||img(URL ,70)
●タイトルを入れる場合はこの方法になります。img(URL ,80)の数字が横幅(ピクセル数)で
す。(420÷枚数-10ピクセル:但し並べて枠からはみ出さない大きさにすること)
タイトルは既定色になりますが画像は無背景になります。                

https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524

|| ||
||img(URL ,50)
||img(URL ,50)
||img(URL ,50)
||img(URL ,50)
||img(URL ,50)
||img(URL ,50)
||img(URL ,50)
●タイトルなしの場合は何個でも並べられます。但し薄い青い線が上に出ます。

https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524
https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524 https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/102914/img_102914_22146714_1?1136304524


|| ||
||img(URL ,100,50,)
||img(URL ,100,50,)
||img(URL ,100,50,)
|| ||
||img(URL ,100,50,)
||img(URL ,100,50,)
||img(URL ,100,50,)
●このように積み重ねることも可能です。
もちろんゲストブックだけでなく記事でも使えます。
記事で使う場合は『|| ||』を『||<#FFFFFF'``||』に変更すれば線は出ません。