イメージ画像のキャプション表示テスト

29

これは画像位置合わせテスト(アンキャプション付き画像)のページです。ワードプレスのエディタから設定した場合のキャプションの有り無し、及び 画像の中央寄せ・左寄せ・右寄せ、そして最後はクリアフロートのテストをしています。全て正常に動作中です。よろしければご参照下さい。

Image Alignment Tests: Un-Captioned Images

Center-align, no caption

Center-aligned image with no caption, and text before and after. pic ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

Left-align, no caption

Left-aligned image with no caption, and text before and after. pic Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

Right-align, no caption

Right-aligned image with no caption, and text before and after. pic Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

No alignment, no caption

None-aligned image with no caption, and text before and after. pic Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

ページ:

1

2 3

おすすめ記事

  1. 311 飲食店・企業サイトに最適なシングルページデザイン

関連記事

  1. 24 インパクト大のフルスクリーンスライダーで「魅せる」サイトに
  2. 30 自由度の高いメニュー・ギャラリーページで顧客を最大限に惹きつける…
  3. 45 スマホ専用のウィジェット配置が可能
  4. 34 ロゴは無料でダウンロードできる「ロゴマルシェ」で
  5. 10 ABOUTページを一瞬でスタイリッシュにするページテンプレート
  6. 16 各要素のサイズや余白、マウスホバー時の動きなど徹底して計算された…
  7. 43 投稿ページ毎にmetaタグの設定機能を搭載
  8. 14 Twitter、Facebookアカウントの設定が可能

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

コメントするためには、 ログイン してください。

NEW POSTS

  1. 27
  2. 36
  3. 04
  4. 43
  5. 17

アーカイブ

PAGE TOP