コクーンカスタマイズ

【Cocoonカスタマイズ】白抜きボックスの枠の色を変える方法

Cocoon(コクーン)のエディタのスタイルの中にある「ボックス(白抜き)」は、背景が白で非常にシンプルなボックスなので、様々な場面で使えて便利です。

そんな便利なボックスなのですが、もう少しブログのメインカラーと合わせたかったので、色を変えてみました。

Cocoonのボックス(白抜き)の色のCSS

デフォルトでは、コクーンの白抜きボックスは6色揃っています。

CSSはこちら。

.blank-box.bb-blue {border-color: #b5cdff;} /*青色*/

.blank-box.bb-red{ border-color: #ff9999; } /*赤色*/

.blank-box.bb-yellow{ border-color: #ffff8e; }/*黄色*/

.blank-box.bb-green{ border-color: #adffd6; }/*緑色*/

.blank-box{ border-width: 2px; border-color: #a9a9a9; }/*灰色*/

上のCSSは、デフォルトよりもパステルな色合いとなっております。

これ以外の色を使いたい場合は、自分の好きな色のカラーコードに貼り変えて、利用して下さい。

https://www.colordic.org/

Apple製品をお得に購入する方法

Appleで購入する際は、ポイントサイト楽天Rebatesを利用すると断然お得です!

楽天Rebatesを経由してAppleで購入すると1%分の楽天ポイントが還元されます。(キャンペーンによってはさらに還元率が上がることも!)さらに新規登録&1ヶ月以内に3000円以上の購入で500円分の楽天ポイントが貰えます。

例:Macbook13インチを購入する場合 

139,800円 x 1% = 1398 + 新規登録500ポイント=1898円分もお得!

\誰でも簡単に完全無料で利用できます/

楽天Rebatesに新規登録する

*製品によっては、ポイント還元対象ではないものもあるので、対象条件をよく見てから購入することをオススメします。また期間限定キャンペーンによって対象条件が変わる場合もあります。