どうしたらいいの〜
。゚(゚´Д`゚)゚。
そのお悩みを解決します。
今回は、『THE THOR よく使うボックス(囲み枠)一覧』の第二弾【グループB】です。
【グループA】はコチラ
サクッとコピペして使えるように、2種類のコードを記述してます。
- 【パーツスタイル設定】の【ボックス設定】にコピペ出来るコード
- そのままHTMLを挿入できるようにHTMLコード
気に入ったボックスがあれば、サクッとコピペして使って下さい!
【目次】
THE THOR よく使うボックス(囲み枠)一覧
【グループB】
【グループB】 【枠線の色:Dgray】・【背景色:white】 |
|||
---|---|---|---|
実線 | 波線 | 点線 | |
囲み枠内のリンクをタップまたはクリックすると、対象ボックスのコード記述へ飛びます。
パターン【1-1】
パターン【1-1】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderSolidS
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderSolidS">
<p>パターン【1-1】</p>
</div>
パターン【1-2】
パターン【1-2】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderSolidM
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderSolidM">
<p>パターン【1-2】</p>
</div>
パターン【1-3】
パターン【1-3】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderSolidS es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderSolidS es-radiusL">
<p>パターン【1-3】</p>
</div>
パターン【1-4】
パターン【1-4】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderSolidS es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderSolidM es-radiusL">
<p>パターン【1-4】</p>
</div>
パターン【2-1】
パターン【2-1】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDashedS
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDashedS">
<p>パターン【2-1】</p>
</div>
パターン【2-2】
パターン【2-2】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDashedM
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDashedM">
<p>パターン【2-2】</p>
</div>
パターン【2-3】
パターン【2-3】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDashedS es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDashedS es-radiusL">
<p>パターン【2-3】</p>
</div>
パターン【2-4】
パターン【2-4】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDashedM es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDashedM es-radiusL">
<p>パターン【2-4】</p>
</div>
パターン【3-1】
パターン【3-1】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDottedS
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDottedS">
<p>パターン【3-1】</p>
</div>
パターン【3-2】
パターン【3-2】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDottedM
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDottedM">
<p>パターン【3-2】</p>
</div>
パターン【3-3】
パターン【3-3】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDottedS es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDottedS es-radiusL">
<p>パターン【3-3】</p>
</div>
パターン【3-4】
パターン【3-4】
カスタマイズ入力コード
ep-box bgc-white brc-Dgray es-borderDottedM es-radiusL
HTMLコード
<div class="ep-box bgc-white brc-Dgray es-borderDottedM es-radiusL">
<p>パターン【3-4】</p>
</div>
【ownCloudの導入方法】
『ロリポップの無料ownCloudを使って、簡単にファイル共有をする方法』はコチラの記事で解説しています。
大切なPCデータのバックアップにもなりますので、ぜひ導入してみて下さい。
2台のパソコンから「同じファイル」にアクセスしたいなぁ。 あと、離れた家族やお友達と「プライベートな動画や画像」をシェアしたいんだけど。 簡単にできるのかな? その疑問にお答えします。 この記事[…]
『ownCloudでファイルを簡単に受け渡す方法』はコチラの記事で解説しています。
メールじゃ送れない動画や画像の大きなファイルを受け渡ししたいなぁ。家族やお友達とも、プライベートな動画や画像をたくさんシェアしたい。簡単に出来るのかな? この記事の内容 ownCloudによる[…]
【★ブログを始める前も始めた後も、無料サポート致します!★】
- 分からないこと
- 不安なこと
- 心配なこと
- 頼みたいこと
などなど。
★まずは、お気軽にお問い合わせください!★