赤い薔薇のSoliloquy このページをアンテナに追加 RSSフィード Twitter

2008-04-27 Sunday 写真の挿入

akaibara2008-04-27

[] 【fotolife記法】  【fotolife記法】を含むブックマーク  【fotolife記法】のブックマークコメント


                  水芭蕉


f:id:akaibara:20070804130716g:image


備忘録

はてなフォトライフの写真を表示する

はてなフォトライフの写真を簡単な記法によって表示させることができます。

f:id:akaibara:20060917115300g:image


サムネイル画像【クリックで元の大きさ(640×516】


f:id:akaibara:20080427213411j:image:small image:small

f:id:akaibara:20080427213411j:image:w100 image:w100

f:id:akaibara:20080427213411j:image:w50 image:w50


f:id:akaibara:20080427213411j:image:w150:left ☜写真を左寄せ文字を右表示 image:w150





写真を右寄せ文字を左表示→image:right150 ↓


f:id:akaibara:20080427213411j:image:w150:right






f:id:akaibara:20100403110301j:image:w400 image:w400

サムネイル画像【クリックで元の大きさ(750×500】



f:id:akaibara:20060917115300g:image

日記編集ページ [Fotolife

f:id:フォトライフ参照写真:image

f:id:フォトライフ参照写真:image:small

f:id:フォトライフ参照写真:image:w70

f:id:フォトライフ参照写真:image:w50

「:w**」(**部分は整数)と記述することで、表示するサイズを**部分の値(単位:ピクセル)に調節することができます。

また、最後の「:image」に続けて、以下の指定を行うことで、画像のサイズや文字の回り込みを簡単に指定することが可能です。

small

その写真のサムネイル画像(長辺60px)を表示します。

h**

表示する写真の縦サイズを**ピクセルにします。

w**

表示する写真の横サイズを**ピクセルにします。

left

写真を左寄せで表示し、文字を右に回り込ませます。

right

写真を右寄せで表示し、文字を左に回り込ませます。


【fotolife記法】

f:id:akaibara:20070331180937j:image