eoffice blocks!

e-office用のオリジナルブロックです。

材料分量メモ
合挽き肉200g
少々
こしょう少々あああ
headheadhead
あああああああああ
あああああああああ
あああああああ
材料分量メモ
ナツメグ少々あああ
パン粉(A)大さじ3あああ
牛乳(A)大さじ2
  • たまご
  • 牛乳
  • にんじん
  • 玉ねぎ
  • 鶏肉
  • たまご
  • 牛乳
  • にんじん
  • 玉ねぎ
  • 鶏肉
  • うさぎ
  • ねずみ
  • たまご
  • 牛乳
  • にんじん
  • 玉ねぎ
  • 鶏肉
  • うさぎ
  • ねずみ
  • うさぎ
  • ねずみ
  • うさぎ
  • イヌは、ネコ目・イヌ科-イヌ属に分類される哺乳類の一種である。亜種名familiarisはラテン語で、「家庭に属する」といった意味。
  • ネコは、狭義には食肉目ネコ科ネコ属に分類されるリビアヤマネコが家畜化されたイエネコに対する通称である。
  • ねずみ

投稿ブロック

投稿のブロックです。

編集画面ではダミーを表示します。

サンプル

サムネイルなし

サムネイルあり

ボックス

ボックスのブロックです。

pタグにも背景色をつけることができますが、複数のタグを全体でラップしたいときに使います。

サンプル

これは段落ブロックです

  • リストも入れられます
  • リスト
  • リスト

ボーダーボックスです。

ブロークングリッド

よくある「ズラし」のブロック。

細かいレイアウトはCSSを変更すればOK。

サンプル

見出し

テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

hoge

グリッド

グリッドのブロックです。

いつも使用している「c-grid」です。

  • 子要素で sp/tb/pc のカラム数の選択
  • 子要素は無限に追加可能

編集画面では、カラム数が固定になってしまいます…

サンプル

1of4

1of4

1of4

1of4

1of2

1of2

アニメーション類のテスト

.js-fade_left
左からフェードイン

.js-fade_right
右からフェードイン

.js-scale
拡大されながら表示

アコーディオン

アコーディオンブロック

かきくけこさしすせそ

アコーディオン→ FAQ

よくある質問!!!

答えです。

ボタン類

角丸の指定はボタンを選択し、スタイルではなく右パネルの「枠線」から指定してください。

リンクブロック(全体をリンク化)

/link