目次です
hint-box
ご質問内容はできるだけ詳しく書いていただきますようお願い致します。
入力項目は全て必須です。
[wpforms id=”2323″ title=”false” description=”false”]
※弊社に情報をお送りいただける場合は下記のプライバシーポリシーに
ご同意いただけたものとみなさせていただきます。
プライバシーポリシーを読む
ソースコードを埋め込むプラグイン
Crayon Syntax Highlighter
|
1 2 3 4 5 6 7 8 9 10 |
<a href="#" class="btn btn-primary btn-lg">Large button</a> <a href="#" class="btn btn-default btn-lg">Large button</a> <a href="#" class="btn btn-primary">Default button</a> <a href="#" class="btn btn-default">Default button</a> <a href="#" class="btn btn-primary btn-sm">Small button</a> <a href="#" class="btn btn-default btn-sm">Small button</a> <a href="#" class="btn btn-primary btn-xs">Extra small button</a> <a href="#" class="btn btn-default btn-xs">Extra small button</a> <a href="#" class="btn btn-primary btn-lg btn-block">Large button block</a> <a href="#" class="btn btn-default btn-lg btn-block">Large button block</a> |
Highlighting Code Block 用のコード
OFF にしているため非表示
|
1 2 3 4 5 6 7 8 9 10 |
<a href="#" class="btn btn-primary btn-lg">Large button</a> <a href="#" class="btn btn-default btn-lg">Large button</a> <a href="#" class="btn btn-primary">Default button</a> <a href="#" class="btn btn-default">Default button</a> <a href="#" class="btn btn-primary btn-sm">Small button</a> <a href="#" class="btn btn-default btn-sm">Small button</a> <a href="#" class="btn btn-primary btn-xs">Extra small button</a> <a href="#" class="btn btn-default btn-xs">Extra small button</a> <a href="#" class="btn btn-primary btn-lg btn-block">Large button block</a> <a href="#" class="btn btn-default btn-lg btn-block">Large button block</a> |
動画埋め込みテスト
中央表示
タイトル
40％
80％テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Gridレイアウト
40％
80％テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
グレイボックス TEST
graybox Brands 旗
- タイトル
- テキスト
タイトル
文章
タイトル
文章
イエローボックス2 TEST
イエローボックス2 PICK UP
表示テスト
2行目以降を1文字下げる［text-indent］
text-indentプロパティの便利な使い方。
文章の段落などの2行目以降を1文字下げて空白を挿入する方法です。
この文章では［text-indent］による装飾を施しています。
サンプルです。
リストスタイル表示テスト
カテゴリページのリストのスタイル
- HTML
- CSS
- Photoshop
- Illustrator
固定ページのリストのスタイル ul 階層 入れ子
- 固定ページのリストのスタイル
- 固定ページのリストのスタイル
- 階層 入れ子2 固定ページのリストのスタイル
- 固定ページのリストのスタイル
- 階層 入れ子2 固定ページのリストのスタイル
- 階層 入れ子3 固定ページのリストのスタイル
- 階層 入れ子2 固定ページのリストのスタイル
- 固定ページのリストのスタイル
固定ページのリストのスタイル 番号
- HTML
- CSS
- CSS 入れ子 2階層
- Photoshop
- Illustrator
アイコン フォント
右ポイント ブルー
右ポイント オレンジ
右ポイント
爆弾
スタイルあり
BOX 表示テスト
ここにタイトル
ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章
ここにタイトル
ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章ここに文章
ふわふわボタン
ボタン
HTML
|
1 2 3 4 5 6 7 8 9 10 |
<a href="#" class="btn btn-primary btn-lg">Large button</a> <a href="#" class="btn btn-default btn-lg">Large button</a> <a href="#" class="btn btn-primary">Default button</a> <a href="#" class="btn btn-default">Default button</a> <a href="#" class="btn btn-primary btn-sm">Small button</a> <a href="#" class="btn btn-default btn-sm">Small button</a> <a href="#" class="btn btn-primary btn-xs">Extra small button</a> <a href="#" class="btn btn-default btn-xs">Extra small button</a> <a href="#" class="btn btn-primary btn-lg btn-block">Large button block</a> <a href="#" class="btn btn-default btn-lg btn-block">Large button block</a> |
Default button
Default button
Small button
Small button
Extra small button
Extra small button
Large button block
Large button block
業務の流れなど
- お問い合わせ
- まずはお気軽のお問い合わせください。
- 納品・ご入金
- 納品いたしましたらご入金よろしくお願いいたします。
HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div> <div class="veu_flowBox"> <dl> <dt>お問い合わせ</dt> <dd>まずはお気軽のお問い合わせください。</dd> </dl> </div> <div class="veu_flowBox"> <dl> <dt>納品・ご入金</dt> <dd>納品いたしましたらご入金よろしくお願いいたします。</dd> </dl> </div> </div> |
単独で使う場合
- タイトル
- テキスト テキスト テキスト テキスト テキスト テキスト テキスト
HTML
|
1 2 3 4 5 6 7 8 |
<div> <div class="veu_flowBox"> <dl> <dt>タイトル</dt> <dd>テキスト テキスト テキスト テキスト テキスト テキスト テキスト </dd> </dl> </div> </div> |