【コピペでサクッと使える】THE THOR よく使うボックス（囲み枠）一覧【E】

THE THORのボックスって種類があり過ぎて、どれを使って良いか分からな〜い。
どうしたらいいの〜
｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡

そのお悩みを解決します。

今回は、『THE THOR よく使うボックス（囲み枠）一覧』の第五弾【グループE】です。

【グループA】はコチラ

【グループB】はコチラ

サクッとコピペして使えるように、2種類のコードを記述してます。

• 【パーツスタイル設定】の【ボックス設定】にコピペ出来るコード
• そのままHTMLを挿入できるようにHTMLコード

気に入ったボックスがあれば、サクッとコピペして使って下さい！

THE THOR よく使うボックス（囲み枠）一覧
【グループE】

パターン【1-1】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderSolidS

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderSolidS">
<p>パターン【1-1】</p>
</div>

パターン【1-2】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderSolidM

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderSolidM">
<p>パターン【1-2】</p>
</div>

パターン【1-3】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderSolidS es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderSolidS es-radiusL">
<p>パターン【1-3】</p>
</div>

パターン【1-4】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderSolidS es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderSolidM es-radiusL">
<p>パターン【1-4】</p>
</div>

パターン【2-1】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDashedS

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDashedS">
<p>パターン【2-1】</p>
</div>

パターン【2-2】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDashedM

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDashedM"> 
<p>パターン【2-2】</p>
</div>

パターン【2-3】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDashedS es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDashedS es-radiusL">
<p>パターン【2-3】</p>
</div>

パターン【2-4】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDashedM es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDashedM es-radiusL"> 
<p>パターン【2-4】</p>
</div>

パターン【3-1】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDottedS

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDottedS"> 
<p>パターン【3-1】</p>
</div>

パターン【3-2】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDottedM

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDottedM"> 
<p>パターン【3-2】</p>
</div>

パターン【3-3】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDottedS es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDottedS es-radiusL"> 
<p>パターン【3-3】</p>
</div>

パターン【3-4】

 カスタマイズ入力コード

ep-box bgc-VPsky brc-Lsky es-borderDottedM es-radiusL

 HTMLコード

<div class="ep-box bgc-VPsky brc-Lsky es-borderDottedM es-radiusL"> 
<p>パターン【3-4】</p>
</div>

 

 

---

【ownCloudの導入方法】

---

『ロリポップの無料ownCloudを使って、簡単にファイル共有をする方法』はコチラの記事で解説しています。

大切なPCデータのバックアップにもなりますので、ぜひ導入してみて下さい。

簡単ファイル共有

超便利！ロリポップのownCloudで簡単にファイル共有する方法

2台のパソコンから「同じファイル」にアクセスしたいなぁ。 あと、離れた家族やお友達と「プライベートな動画や画像」をシェアしたいんだけど。 簡単にできるのかな？ その疑問にお答えします。 　この記事[…]

 

---

『ownCloudでファイルを簡単に受け渡す方法』はコチラの記事で解説しています。

ファイルの受け渡し方法

「簡単ですよ！」ownCloudの使い方【ファイルの受け渡し方法】公開リンクの作成・削除の手順

メールじゃ送れない動画や画像の大きなファイルを受け渡ししたいなぁ。家族やお友達とも、プライベートな動画や画像をたくさんシェアしたい。簡単に出来るのかな？ この記事の内容 ownCloudによる[…]

 

---

ownCloudに関する
【FAQ】よくあるご質問はコチラ＞＞

---