アメブロ可愛い囲み線　リザストイベント枠線　リザストメルマガ枠線の枠で囲む方法

アメブロ可愛い囲み線　リザストイベント枠線　リザストメルマガ枠線の枠で囲む方法

↑↑のような枠線の作り方

アメブロやリザストイベント、リザストメルマガで使うことができる枠線について

【アメブロ編】
【リザスト　イベント編】
【リザストメルマガ編】


作り方は最後にあります　
最後までみてくださいませ～　



30種類以上あります。

 

 背景1色

<fieldset style="background:#C48793; padding:10px; border:none;"><span style="color:#ffffff;">本文</span></fieldset>

<fieldset style="background:#E8ADAA; padding:10px; border:none;"><span style="color:#ffffff;">本文</span></fieldset>

<fieldset style="background:#ECC5C0; padding:10px; border:none;"><span style="color:#ffffff;">本文</span></fieldset>

<fieldset style="background:#EDC9AF; padding:10px; border:none;"><span style="color:#ffffff;">本文</span></fieldset>

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin:15px 5px;padding:10px;color:#333333;background:#C48793;box-shadow:0 0 0 5px #C48793;border:dashed 2px #ffffff;"><span style="color:#ffffff;">■本文</span></div>

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin:15px 5px;padding:10px;color:#333333;background:#E8ADAA;box-shadow:0 0 0 5px #E8ADAA;border:dashed 2px #ffffff;"><span style="color:#ffffff;">■本文</span></div>

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin:15px 5px;padding:10px;color:#333333;background:#ECC5C0;box-shadow:0 0 0 5px #ECC5C0;border:dashed 2px #ffffff;"><span style="color:#ffffff;">■本文</span></div>

<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin:15px 5px;padding:10px;color:#333333;background:#EDC9AF;box-shadow:0 0 0 5px #EDC9AF;border:dashed 2px #ffffff;"><span style="color:#ffffff;">■本文</span></div>

<div style="border-bottom: 2px solid #ffa3d1; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000000;">本文</div>

<div style="border-bottom: 2px solid #191970; border-top: 2px solid #191970; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000000;">本文</div>

<div style="border-bottom: 2px solid #ffa3d1; border-top: 2px solid #ffa3d1; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000000;">本文</div>

<div style="border: 1px dashed #000000; padding: 15px;">本文</div>

<div style="border: 1px dashed #f4a460; padding: 15px;">本文</div>

<div style="border: 1px dashed #0000ff; padding: 15px;">本文</div>

<div style="border: 1px dashed #fd5dac; padding: 15px;">本文</div>

<div style=" background:#000000; padding: 15px;"><span style="color: rgb(0, 190, 255);">本文</span></div>

<div style=" background:#ffcccc; padding: 15px;"><span style="color: rgb(0, 190, 255);">本文</span></div>

<div style=" background:#ff9933; padding: 15px;"><span style="color: rgb(0, 190, 255);">本文</span></div>

<div style="border: 1px solid #ffc0cb; padding: 15px;">本文</div>

<div style="border: 1px solid #afeeee; padding: 15px;">本文</div>

<div style="border: 1px solid #dda0dd; padding: 15px;">本文</div>

<div style="padding:10px; border:1px solid #4e80ff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 5px 5px 5px #ccc;">本文</div>
 

　ここにタイトルを入れます。1

　ここにタイトルを入れます。2

　ここにタイトルを入れます。3

本文</div><br>


 

ここにタイトルを入れます

<div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: rgb(0, 0, 102); border-left-color: rgb(0, 0, 102); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;">本文</div><br><br><br>


 

この記事も参考にして！ピンク

<div style="padding: 0px 0px 1px 5px; font-weight: bold; border-bottom-color: rgb(255, 0, 153); border-left-color: rgb(255, 0, 153); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><span style="font-size: 18px;">本文</span></div>



 

この記事も参考にして！金

<div style="padding: 0px 0px 1px 5px; font-weight: bold; border-bottom-color: rgb(255, 204, 153); border-left-color: rgb(255, 204, 153); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><span style="font-size: 18px;">本文</span></div>






作成方法

 

【アメブロ編】

①HTML表示
②ソースを入れる
③通常表示
④出来上がり

 

 

 

【リザスト　イベント編】

①イベント→イベント案内の編集
②ツール
③コードを入れる
④OK


 

 

 

【リザストメルマガ編】

 

①メルマガ編①メルマガ記事作成
②写真付HTMLメール
③ツール
④ソースコード
⑤コードを貼り付ける
⑥OK　

 

 

 

 

 

アメブロ枠線　リザスト枠線　お洒落な画像付枠線はこちらから　

 

ブログを可愛く作ってください。

操作はこちらから

 

　https://ameblo.jp/sensemiriza/entry-12334555072.html　

 

 

 

 

　女性起業家に必要なパソコンスキルなどを

　メール講座でご案内しています。↓↓

 

リザーブストックとアメブロを極めたい方
メール講座はこちら

 

アメブロヘッッダー診断はこちら
簡単な8つの方法で作るべきヘッダーデザインがわかります。

 

  

 

白川かおりプロフィール　　コンサル予約　　 　お問合せ　　　　お客様の成功事例　　リザスト招待

 

 

 

自分のリザーブストックへログイン

リザーブストック全体設定マニュアル
リザーブストック個別予約管理
リザーブストックイベント/グループレッスン管理
リザーブストックメルマガ/ステップメール/ファーストアンサー  
リザーブストックショップ/契約商品 
リザーブストック汎用フォーム 

 

↑↑↑　マニュアルページはスマホで見ながらパソコンで操作してください！！
 

 

 

 

 ブログがサクサク書けるLINE講座　　

　　
line追加後　スタンプを、おしてください

 

 

 

 

現在開催中のイベントはこち
http://www.reservestock.jp/page/event_calendar/1761

 

 

 

 

　リザスト有料版をする場合は こちら　

https://www.reservestock.jp/inquiry/23282