魅せるブログキラyellowキラyellow  色虹の専門家笑顔

 

キレイデザイン学インストラクター、パソコンインストラクターの(かなわ ひろみ)です。

 

『メニュー・お客様の声など、掲載したい。』

 

掲載する時、

ただ、

掲載するだけじゃ無く、

 

画像とレシピ同時に、強調して載せたいはーとはーと

 

って、思いませんか?

 

 

 

リボン  茶系の効果

 

茶色は、伝統や歴史を感じさせる色合いです。

 

 

信頼感、

そして、

安心感を想起させる効果が有ります。

 

引用URL:https://asobo-design.com/nex/column-28-2515.html

 

ゴールドと組み合わせるのも、キレイです。

 

背景が、茶系だと

文字も、白・黒、どちらも映えますよねびっくり

 
リボン  茶系の囲み枠

 

・枯茶(からちゃ)

 

 
ハート レシピ

 

 

 

 

赤(コピペして使用してください)

       ↓

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #8d6449; box-shadow:#8d6449 0px 0px 0px 5px; border: 2px dashed rgb(222, 176, 104);"> 
<div style="border-bottom: 2px solid rgb(222, 176, 104); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">レシピ</font></div>
<p style="color: #333333;">&nbsp;</p>
<p style="color: #333333;">&nbsp;</p></div></div>

 

 

代表的なのは大地や木材の茶色でしょう。

だから、落ち着くんでしょうねGOOD

 

 

・土色(つちいろ)

 
ハート レシピ

 

 

 

 

赤(コピペして使用してください)

       ↓

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #bc763c; box-shadow:#bc763c 0px 0px 0px 5px; border: 2px dashed rgb(255, 255, 255);"><font color="#333333"> </font>
<div style="border-bottom: 2px solid rgb(234, 244, 252); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="宝石" data-ameba-id="ayaope" data-id="425529" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/ay/ayaope/425529.gif" width="16"> <font color="#007bbb"> お客様の声</font></div>
<p style="color: #333333;">&nbsp;</p>
<p style="color: #333333;">&nbsp;</p></div>

 

 

・桑茶(くわちゃ)

 

 
宝石  お客様の声

 

 

 

 

 

 

赤(コピペして使用してください)

       ↓

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #956f29; box-shadow:#956f29 0px 0px 0px 5px; border: 2px dashed rgb(255, 255, 255);"><font color="#333333"> </font>
<div style="border-bottom: 2px solid rgb(234, 244, 252); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="宝石" data-ameba-id="ayaope" data-id="425529" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/ay/ayaope/425529.gif" width="16"> <font color="#e9e4d4"> お客様の声</font></div>
<p style="color: #333333;">&nbsp;</p>
<p style="color: #333333;">&nbsp;</p></div>

 

 

・国防色(こくぼうしょく)

 

 
宝石  お客様の声

 

 

 

 

 

赤(コピペして使用してください)

       ↓

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #7b6c3e; box-shadow:#7b6c3e 0px 0px 0px 5px; border: 2px dashed rgb(230, 180, 34);"><font color="#333333"> </font> <div style="border-bottom: 2px solid rgb(252, 213, 117); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="宝石" data-ameba-id="ayaope" data-id="425529" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/ay/ayaope/425529.gif" width="16"> <font color="#e6b422"> %TEXT%お客様の声</font></div> <p style="color: #333333;">&nbsp;</p> <p style="color: #333333;">&nbsp;</p></div>

 

 

 

  【無料配信メニュー】
メルマガ配信しています

 
特別な枠線をプレゼント❤

  

お友達になって下さいねキラyellowキラyellow



『キレイデザイン学診断』特別モニター募集の参加申し込みはこちら

 

 

本日も、お読み下さりありがとうございます。笑顔

 

 

☆作成方法☆

 

 

☆アメブロ編☆

 

①HTML表示にしましょう
②ソースを入れましょう
③通常表示に戻しましょう
④出来上がり(必ず、表示が正しいか確認してください)

 

 

①HTML表示にしましょう

 

②ソースを入れましょう

③通常表示に戻しましょう

文字の入力・絵文字を入れると素敵な囲み枠になりますようへ

 

 

④出来上がり(必ず、表示が正しいか確認してください)

 プレビュー画面で、必ず、確認してくださいねびっくり