アメブロ新機能の囲み枠の色を変えてみる

新機能で、囲み枠が簡単に入れられるようになりました。

今までのように、どこかのサイトからもってきて…ということをしなくてもよくなったのですが…
色が決まっています。

その色を変更する方法です。

今回は、既定のベージュからピンクに変えてみました。

自分の変更したい色を決めましょう

色には、カラーコードという名前があります。

既定のベージュは、「＃FBEFDD」とあります。

自分の変更したい色のコードをまずは探してメモメモ。

パソコン版のアメブロだったら、文字色の横の▼がカラーパレットになっていて、色を選択すると上にコードが出てきます。

他に微妙な色を探したいときなどは…
日本の伝統色　和色辞典
世界の伝統色　洋色辞典
などで、色を探しています。
（和色辞典の色の名前が、素敵なんです）

お気に入りの色を見つけてメモメモしてくださいね。

アメブロアプリかから

囲み枠を入れて、下の「HTML編集」をタップ

こんな画面になります
頭痛いですよね…

ここの「backgound-color(背景色）」のあとに設定された色のコードがあります。
ここを変更します。

ベージュの「＃FBEFDD」からピンクの「＃ffdfde」に変更します。
小文字でも大文字でも、どちらでも大丈夫です。

注意！！
「＃ffdfde」の前の「：」や「；」を消さないように！
ここに書かれている文字や記号を１つでも消してしまうとうまく表示されません！

まぁ、うまくいかなかったら、またやり直してみたらいいのです。
何度かやっているうちに、すぐにできるようになりますから！大丈夫です。

変更後！！

自分の好きな色で作ってみてくださいね。

練習あるのみ（笑）