• Example Post: float image and blockquote. Raindrops1.345

    DSC_0013 - コピー

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシヅカニワラッテヰル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ 野原ノ松ノ林ノ 小サナ萓ブキノ小屋ニヰテ 東ニ病気ノコドモアレバ 行ッテ看病シテヤリ 西ニツカレタ母アレバ 行ッテソノ稲ノ朿ヲ負ヒ 南ニ死ニサウナ人アレバ 行ッテコハガラナクテモイヽトイヒ 北ニケンクヮヤソショウガアレバ ツマラナイカラヤメロトイヒ ヒドリノトキハナミダヲナガシ サムサノナツハオロオロアルキ ミンナニデクノボートヨバレ ホメラレモセズ クニモサレズ サウイフモノニ ワタシハナリタイ 南無無辺行菩薩 南無上行菩薩 南無多宝如来 南無妙法蓮華経 南無釈迦牟尼仏 南無浄行菩薩 南無安立行菩薩

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    alternative text

    雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシヅカニワラッテヰル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ 野原ノ松ノ林ノ 小サナ萓ブキノ小屋ニヰテ 東ニ病気ノコドモアレバ 行ッテ看病シテヤリ 西ニツカレタ母アレバ 行ッテソノ稲ノ朿ヲ負ヒ 南ニ死ニサウナ人アレバ 行ッテコハガラナクテモイヽトイヒ 北ニケンクヮヤソショウガアレバ ツマラナイカラヤメロトイヒ ヒドリノトキハナミダヲナガシ サムサノナツハオロオロアルキ ミンナニデクノボートヨバレ ホメラレモセズ クニモサレズ サウイフモノニ ワタシハナリタイ 南無無辺行菩薩 南無上行菩薩 南無多宝如来 南無妙法蓮華経 南無釈迦牟尼仏 南無浄行菩薩 南無安立行菩薩

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシヅカニワラッテヰル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ 野原ノ松ノ林ノ 小サナ萓ブキノ小屋ニヰテ 東ニ病気ノコドモアレバ 行ッテ看病シテヤリ 西ニツカレタ母アレバ 行ッテソノ稲ノ朿ヲ負ヒ 南ニ死ニサウナ人アレバ 行ッテコハガラナクテモイヽトイヒ 北ニケンクヮヤソショウガアレバ ツマラナイカラヤメロトイヒ ヒドリノトキハナミダヲナガシ サムサノナツハオロオロアルキ ミンナニデクノボートヨバレ ホメラレモセズ クニモサレズ サウイフモノニ ワタシハナリタイ 南無無辺行菩薩 南無上行菩薩 南無多宝如来 南無妙法蓮華経 南無釈迦牟尼仏 南無浄行菩薩 南無安立行菩薩


  • Example Post: float image and list . Raindrops1.345

    La tour Eiffel
    La tour Eiffel

    DSC_0013 - コピー
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sunt in culpa qui officia deserunt mollit anim id est laborum.

    List bullet positon check

    • Coffee
    • Tea
    • Coca Cola

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    alternative text
    キャプション

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    List bullet positon check long text

    • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
    • Tea
    • Coca Cola

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    List sectioned class test

    alternative text

    1. in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
      1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      4. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    2. in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
      1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      4. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

    List rd-list-type-tree class test

    nanakita2jpg

    • サイト基本情報
      • サイトのタイトル
      • キャッチフレーズ
      • タイトルの表示場所
        • ヘッダー画像の上に表示
        • ヘッダー画像の中に表示
      • サイトタイトルのフォントサイズ(ヘッダー画像の中に表示が選択された場合)
        • スライダー
      • サイトタイトルの上部マージン(ヘッダー画像の中に表示が選択された場合)
        • スライダー
      • 左マージンの設定の選択(ヘッダー画像の中に表示が選択された場合)
        • デフォルト
        • 中央
        • 手動設定
      • サイトタイトルの左マージン(左マージンの設定「手動設定」が選択された場合)
        • デフォルト
        • 中央
        • 手動設定
      • キャッチフレーズの表示場所
        • ヘッダー画像の中に表示
        • ヘッダー画像の上に表示
        • 非表示
      • サイトタイトルのCSS クラス
        • テキストフィールド
      • ヘッダーフォントカラー
        • カラーピッカー
      • サイトアイコン
        • 画像アップローダ
    • 高度な設定
      • リンクテキストのユニーク化
        • はい
        • いいえ
      • HTML文書型
        • html5
        • xhtml
      • スタイルシートの読み込み設定
        • スタイルをhtmlに埋め込み
        • link要素で外部ファイルとして読み込み
      • XHTMLメディアタイプ(HTML文書型 xhtmlが選択された場合
        • スタイルをhtmlに埋め込み
        • link要素で外部ファイルとして読み込み
      • 開発者用設定
        • 表示
        • 非表示
      • ステータスバー
        • 表示
        • 非表示
      • スティキー投稿は、投稿でも表示する
        • 常に表示
        • トップページだけで表示
      • キーボードアクセシビリティ
        • 無効
        • 有効
      • ビジュアルエディタをテーマの設定に同期する
        • はい
        • いいえ
      • 投稿本文内代替画像
        • テキストフィールド
      • サイト全体のCSS
        • テキストエリア
      • フッタークレジット
        • テキストエリア
      • 変更履歴
        • 現在のバージョンの変更事項の表示と、履歴へのリンク
    • 外観
      • 配色
        • ベースカラー
          • カラーピッカー
        • 配色タイプ
          • dark
          • w3standard
          • light
          • minimal
          • カスタムカラースキーム(設定が行われている場合)
      • レイアウトとサイドバー
        • ページ幅
          • 750px
          • 950px
          • 974px
          • レスポンシブ ボックス
          • フルサイズ レスポンシブ
        • レイアウトの最大幅(レスポンシブ ボックス)(ページ幅 レスポンシブ ボックスが選択された場合)
          • テキストフィールド
        • コンテンツコンテナの幅(ページ幅 フルサイズ レスポンシブが選択された場合)
          • テキストフィールド
        • ブラウザ最大許容ウィンドウ幅(ページ幅 フルサイズ レスポンシブが選択された場合)
          • テキストフィールド
        • サイドバー設定の選択
          • シンプル
          • 詳細
        • サイドバーの幅と位置
          • 左側 160px
          • 左側 180px
          • 左側 300px
          • 右側 180px
          • 右側 240px
          • 右側 300px
        • エキストラサイドバー表示設定(サイドバー設定の選択 シンプルが選択された場合)
          • 表示
          • 非表示
        • エキストラサイドバー 幅(エキストラサイドバー表示設定 表示が選択された場合 または、サイドバー設定の選択 詳細が選択された場合)
          • 25パーセント
          • 33パーセント
          • 50パーセント
          • 66パーセント
          • 75パーセント
        • トップページのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 月次アーカイブのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 固定ページのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 検索結果ページのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 投稿のカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • Attachment Page Image Columns(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • Attachment Page PDF Columns(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 404ページのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • List of Post テンプレートのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • カテゴリーアーカイブのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • タグアーカイブのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
        • 著者アーカイブのカラム数(サイドバー設定の選択 詳細が選択された場合)
          • 1カラム
          • 2カラム
          • 3カラム
      • アイキャッチ画像
        • 投稿のアイキャッチ画像の強調設定利用の可否
          • はい
          • いいえ
        • アイキャッチ画像の位置 (投稿のアイキャッチ画像の強調設定利用の可否 灰が選択された場合)
          • 投稿タイトルの上部
          • 投稿の左側
        • アイキャッチ画像 サイズ (投稿のアイキャッチ画像の強調設定利用の可否 灰が選択された場合)
          • Thumbnail
          • Medium
          • Large
          • 他 登録済み画像サイズ
        • アイキャッチ画像の特別な表示を行う件数 (投稿のアイキャッチ画像の強調設定利用の可否 灰が選択された場合)
          • テキストフィールド
        • シングル(投稿、ページ)
          • 表示
          • 非表示
      • フォント
        • 13px
        • 14px
        • 15px
        • 16px
        • 17px
        • 18px
        • 19px
        • 20px
      • 投稿
        • 投稿タイトル CSSクラス
          • テキストフィールド
        • 投稿日の表示
          • 表示
          • 非表示
          • 絵文字
        • 著者の表示
          • 表示
          • 非表示
          • アバター
        • デフォルトカテゴリの表示
          • 表示
          • 非表示
        • 投稿(カテゴリ、タグ)ラベルテキスト
          • 表示
          • 非表示
          • 絵文字
        • 「コメントは受け付けていません」 ラベルテキスト
          • 表示
          • 非表示
        • タイトル下の、投稿者や日付のブロックの位置
          • 本文の手前
          • 本文の後ろ
        • 投稿の下部にある、カテゴリやタグを表示するブロックの位置
          • 本文の手前
          • 本文の後ろ
      • アーカイブ
        • アーカイブ ラベルテキスト
          • 表示
          • 非表示
          • 絵文字
        • アーカイブページの上部のページナビゲーション
          • 表示
          • 非表示
      • メニュー
        • 表示非表示設定
          • 表示
          • 非表示
        • 主ナビゲーションのフォントサイズ
          • スライダー
        • 主ナビゲーションの最小幅
          • スライダー
    • 概要表示
      • トップページの投稿本文
        • 本文を表示
        • 概要文を表示
        • 非表示
      • カテゴリー別アーカイブの投稿本文
        • 本文を表示
        • 概要文を表示
        • 非表示
      • 検索結果ページの投稿本文
        • 本文を表示
        • 概要文を表示
        • 非表示
    • アドオン
      • パンくずリスト
        • はい
        • いいえ
      • トップページにスライダーを表示
        • セレクトボックス
      • イベント管理
        • はい
        • いいえ
      • 日付の和暦表示
        • はい
        • いいえ
      • 背景色
      • フォントカラー
      • リンクカラー
      • フッターテキスト色
      • フッターリンク色
    • ヘッダー画像
      • ヘッダー画像混色フィルタ
        • 有効
        • 無効
      • 画像上部への混色の強さ(ヘッダー画像混色フィルタを 有効に設定した場合)
        • スライダー
      • 画像下部への混色の強さ(ヘッダー画像混色フィルタを 有効に設定した場合)
        • スライダー
      • ヘッダー画像と混色する色(ヘッダー画像混色フィルタを 有効に設定した場合)
        • スライダー
      • 現在のヘッダー
        • 画像を非表示
        • 新規画像を追加
      • アップロード済み
        • 画像
      • おすすめ
        • 画像
    • 背景画像
      • 画像アップローダー
    • メニュー
    • ウィジェット
    • 固定フロントページ


  • Example Post: float image + table . raindrops1.345

    La tour Eiffel
    La tour Eiffel
    DSC_0013 - コピー

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sunt in culpa qui officia deserunt mollit anim id est laborum.

    test Class rd-float-wrapper table attribute style=”width:420px;”

    test test test
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    alternative text
    キャプション

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    default no wrap

    test test test
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    nanakita2jpg

    Class rd-float-wrapper table size none

    test test test
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    note:テーブル幅を指定する場合は、table要素へ追加する事、table要素に追加した場合は、モバイル画面で、水平スクロールバーを表示します。(最初のテーブル参照)


  • Example Post: float image + datalist Raindrops1.345

    DSC_0013 - コピー

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    add rd-float class

    alternative text

    datalist要素は、HTML5から新たに追加された要素です。
    <datalist>タグを使って作成するインターフェースの具体的な例を挙げると、 検索エンジンでキーワードの入力候補を表示するオートコンプリート機能などです。 この場合、キーワードの入力欄はinputタグで作成しますが、 inputタグのlist属性の値と、 datalistタグのid属性の値を同じにして、入力欄とデータリストを関連付けます。
    datalist要素は、HTML5から新たに追加された要素です。
    <datalist>タグを使って作成するインターフェースの具体的な例を挙げると、 検索エンジンでキーワードの入力候補を表示するオートコンプリート機能などです。 この場合、キーワードの入力欄はinputタグで作成しますが、 inputタグのlist属性の値と、 datalistタグのid属性の値を同じにして、入力欄とデータリストを関連付けます。

    default dl

    alternative text

    datalist要素は、HTML5から新たに追加された要素です。
    <datalist>タグを使って作成するインターフェースの具体的な例を挙げると、 検索エンジンでキーワードの入力候補を表示するオートコンプリート機能などです。 この場合、キーワードの入力欄はinputタグで作成しますが、 inputタグのlist属性の値と、 datalistタグのid属性の値を同じにして、入力欄とデータリストを関連付けます。
    datalist要素は、HTML5から新たに追加された要素です。
    <datalist>タグを使って作成するインターフェースの具体的な例を挙げると、 検索エンジンでキーワードの入力候補を表示するオートコンプリート機能などです。 この場合、キーワードの入力欄はinputタグで作成しますが、 inputタグのlist属性の値と、 datalistタグのid属性の値を同じにして、入力欄とデータリストを関連付けます。

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


  • トグル タブ表示 キーボードアクセシビリティ

    Raindrops1.326 タブキーによる移動で、以下のタブ表示やトグル表示操作できるようになりました。

    • Tab Area

    Lobster

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lato

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Open Sans

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    • Toggle Label
    • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


  • featured image 4

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


  • featured image 3

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


  • featured image 2

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.