画像表示をシンプルにするタグのリリース(2)
先にご案内させていただきましたLightbox系の画像表示[bbbox][/bbbox]の応用版として以下の機能も同時リリースいたします。
画像を左に少し小さめに表示せて、文字を右に回りこます方法は、[bbleft][/bbleft]の定義で実現できるようになりました。記述方法は以下のようになります。
※オリジナルタグ内の説明文の’,'(小文字カンマ)は、便宜上”,”(大文字カンマ)を利用しています。
[bbleft]アップロードした年月,画像ファイル名,画像の説明文,表示サイズ,回りこます文章[/bbleft]
具体的には、
[bbleft]2012/09,img001.jpg,ほげほげ,240,文章をここに記述します。[/bbleft]
と定義するだけです。
※同様に画像を右に配置して左に文章を表示する場合は、[bbright][/bbright]もご利用いただけます。
画像に文章を回りこませるサンプル
[bbleft]画像を左に配置して文章を右へ[/bbleft]
記述:[bbleft]2012/09,smpl1.jpg,風景1,240,画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。[/bbleft]
==========
画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。画像を左に配置して文章を右へ表示したサンプルです。
[bbright]画像を右に配置して文章を左へ[/bbright]
記述:[bbright]2012/09,smpl2.jpg,風景2,240,画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。[/bbright]
==========
画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。画像を右に配置して文章を左へ表示したサンプルです。
その他のタグ
画像の拡大表示が必要ない場合は、[bbimg][/bbimg]をご利用ください。定義方法は、[bbbox][/bbbox]と同じです。
リリースしたブロビズのオリジナルタグのまとめ
タグの種類 | タグの説明/タグ内定義 |
---|---|
[bbbox][/bbbox] | 【画像を拡大表示(Lightbox系)】 年月,画像名,画像説明 年月,画像名,画像説明;年月,画像名,画像説明 年月,画像名,画像説明;年月,画像名,画像説明;年月,画像名,画像説明 |
[bbimg][/bbimg] | 【画像を単純配置】 ※同上 (拡大表示しないタイプ) |
[bbleft][/bbleft] | 【画像を左に配置して右に文章を回りこます】 年月,画像名,画像説明,表示幅,文章 |
[bbright][/bbright] | 【画像を右に配置して左に文章を回りこます】 ※同上 |
※表示する画像は事前にメディアの新規追加でアップロードしてください。
※2012/10/01からブロビズユーザ様の全てのサイトでご利用いただけます。詳細は改めてメールでご案内させていただきます。
※尚、”画像の説明文”にHTMLタグはご利用いただけません。