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