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

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

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.【アメブロ編】
Image may be NSFW.
Clik here to view.【リザスト　イベント編】
Image may be NSFW.
Clik here to view.【リザストメルマガ編】


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



まずはこんなデザインいかがでしょうか。

背景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:#ffe0f0;box-shadow:0 0 0 5px #ffe0f0;border:dashed 2px #ffffff;"><span style="color:#ff007d;">■</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:#F7FE2E;box-shadow:0 0 0 5px #F7FE2E;border:dashed 2px #ffffff;"><span style="color:#ff007d;">■</span></div>

Image may be NSFW.
Clik here to view.

<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:#a0965a;box-shadow:0 0 0 5px #a0965a;border:dashed 2px #ffc0cb;"><span style="color:#ffbfbf;">■</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);">枠線の作り方2</span></div>

<div style=" background:#ff9933; padding: 15px;"><span style="color: rgb(0, 190, 255);">枠線の作り方3</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 #afeeee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 5px 5px 5px #ccc;">影付き枠線３</div>



 

Image may be NSFW.
Clik here to view.ここにタイトル１

見出し付き囲み線１
本文

Image may be NSFW.
Clik here to view.ここにタイトル２

見出し付き囲み線２
本文

Image may be NSFW.
Clik here to view.ここにタイトル３

見出し付き囲み線３
本文

Image may be NSFW.
Clik here to view.　ここにタイトルを入れます。1

Image may be NSFW.
Clik here to view.　ここにタイトルを入れます。2

Image may be NSFW.
Clik here to view.　ここにタイトルを入れます。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>






Image may be NSFW.
Clik here to view.作成方法Image may be NSFW.
Clik here to view.

 

【アメブロ編】

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

 

 

Image may be NSFW.
Clik here to view.


 

【リザスト　イベント編】

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


 

Image may be NSFW.
Clik here to view.

 

 

【リザストメルマガ編】

 

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

 

Image may be NSFW.
Clik here to view.

 

 

 

 

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

 

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

操作はこちらから

 

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

Image may be NSFW.
Clik here to view.

 

 

 

 

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

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

 

Image may be NSFW.
Clik here to view.リザーブストックとアメブロを極めたい方
メール講座はこちら

 

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

 

  

 

Image may be NSFW.
Clik here to view.白川かおりプロフィールImage may be NSFW.
Clik here to view.　　Image may be NSFW.
Clik here to view.コンサル予約　　 　Image may be NSFW.
Clik here to view.お問合せ　　　　お客様の成功事例　　リザスト招待

 

 

 

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

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

 

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

 

 

 

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

Image may be NSFW.
Clik here to view.　　
line追加後　スタンプを、おしてください

 

 

 

 

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

 

 

 

 

Image may be NSFW.
Clik here to view.　リザスト有料版をする場合は こちら　Image may be NSFW.
Clik here to view.

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