①脳と肺が同調して機能する事実の発見
②脳脊髄液の」機能を推理
③大脳皮質の局在性の発見
④右脳・左脳の機能の差異の指摘
改行はShift+Enterで行う
<div style="border: 3px solid #AAAAAA; padding: 18px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>
吹き出し左
<h3 style="width:80%;padding:10px;border: 2px solid #0d0015;border-radius:12px;background:#fff;color:#0d0015;font-size:14pt;margin-bottom:0px;">ここにテキストを入力します</h3><div style="width:0px;height:0px;border-style: solid;border-width: 20px 5px 0 26px;border-color: #0d0015 transparent transparent transparent;margin-left:21px;"></div><div style="width:0px;height:0px;border-style: solid;border-width: 18px 5px 0 25px;border-color: #fff transparent transparent transparent;margin-left:21px;margin-top:-22px;margin-bottom:20px;"></div>
吹きだし右
<h3 style="width:80%;padding:10px;border: 2px solid #0d0015;border-radius:12px;background:#fff;color:#0d0015;font-size:16pt;margin-bottom:0px;">ここにテキストを入力します</h3><div style="width:80%;margin-bottom:20px;"><div style="width:0px;height:0px;border-style: solid;border-width: 20px 26px 0 5px;border-color: #0d0015 transparent transparent transparent;float:right;margin-right:21px;margin-bottom:0px;"></div><div style="width:0px;height:0px;border-style: solid;border-width: 18px 25px 0 5px;border-color : #fff transparent transparent transparent;float:right;margin-right:-31px;margin-top:-2px;"></div></div>
HTMLだけで吹き出しを作る左
<h3 style="width:80%;padding:10px;border: 2px solid #0d0015;border-radius:12px;background:#fff;color:#0d0015;font-size:14pt;margin-bottom:0px;">ここにテキストを入力します</h3><div style="width:0px;height:0px;border-style: solid;border-width: 20px 5px 0 26px;border-color: #0d0015 transparent transparent transparent;margin-left:21px;"></div><div style="width:0px;height:0px;border-style: solid;border-width: 18px 5px 0 25px;border-color: #fff transparent transparent transparent;margin-left:21px;margin-top:-22px;margin-bottom:20px;"></div>
吹きだし右
<h3 style="width:80%;padding:10px;border: 2px solid #0d0015;border-radius:12px;background:#fff;color:#0d0015;font-size:16pt;margin-bottom:0px;">ここにテキストを入力します</h3><div style="width:80%;margin-bottom:20px;"><div style="width:0px;height:0px;border-style: solid;border-width: 20px 26px 0 5px;border-color: #0d0015 transparent transparent transparent;float:right;margin-right:21px;margin-bottom:0px;"></div><div style="width:0px;height:0px;border-style: solid;border-width: 18px 25px 0 5px;border-color : #fff transparent transparent transparent;float:right;margin-right:-31px;margin-top:-2px;"></div></div>
リボン風吹き出し
<span style="background: linear-gradient(transparent 60%, #ffff00 60%);">蛍光イエローマーカー</span>
蛍光イエローマーカー引き方わかる。
<h4 style="width:70%;padding:10px;border: 2px solid #ff1493;border-radius:12px;background:#fff;color:#ff1493;margin-bottom:0px;margin-left: 20px;">小見出し</h4> <div style="width:70%;margin-bottom:20px;"> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #ff1493 transparent transparent transparent;float:left;margin-left:41px;margin-bottom:0px;"> </div> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;float:left;margin-left:-20px;margin-top:-2px;"> </div></div>
<div style="margin:0;background:#ffd1e8;color:#000000;text-align:
left;padding: 8px;border-radius: 10px;"> ここに文字</div>
<div style="margin-left:20%;width: 0;height: 0;border-top: 10px solid #ffd1e8;border-right:
10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid transparent;"></div>
<div style="background:#000066; color:#ffffff; border:1px solid #000066; border-radius:12px; padding:6px 12px;
word-break:break-all;display:inline-block;">ここに吹き出し文が入る<br>ここに吹き出し文が入る<br>ここに吹き出し文が入る</div>
<div style="margin-left:8%; border-top: 12px solid #000066; border-right: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid transparent; width: 0; height:
0;"></div>
ここに文章が入る見栄えがよくなる
素晴らしい
<div style="height: 30px;"><span style="background: #ec6d71; padding: 10px 20px; color: #fff; font-weight: bold;
border-radius: 10px 10px 0px 0px;">タイトル</span></div>
<div style="border: 2px solid #ec6d71; padding: 20px;">テキスト</div>
<h4 style="width:60%;background:#fee1fc;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px fee1fc,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fefee1,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 30px;">小見出し</h4>
<div style="display:inline-block;
background: #fff0f5; padding: 5px; margin-right: 0px; border: 1px solid #0000ff; border-radius:10px; word-break:break-all;">はまぞうブログ講座のご案内
日時:2016年2月3日10:00~12:00
場所:浜松市中区富塚▲▲▲</div>
<div style="display:inline-block; background: #fff0f5; padding: 5px; margin-right: 0px; border: 1px solid #0000ff; border-radius:10px; word-break:break-all;">はまぞうブログ講座のご案内</div>
<br>
<p style="margin: 0px; background:#fff3c3;
padding: 8px; border-radius: 12px; text-align: left;">吹き出しタイプ(イエロー)</p>
<div style="margin-left:5%;width:
0;height: 0;border-top: 10px solid
#fff3c3;
border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid transparent;"> </div>
<br>
吹き出し 吹き出し 吹き出し 吹き出し
JIMDOスクロ-ルする文章
<div id="scroll" style="height: 200px; overflow: auto; padding: 16px; border: 1px solid #ccc; background: #fffff7; border-radius: 6px;">
<p><strong>スクロールする文章枠の特徴</strong></p>
<p>Jimdoでこの枠を利用する場合、内容の編集が、通常の文章と同じように編集できるというのがとても楽チンでよいです。</p>
<p>この枠は、作るのがとても簡単ですし、背景などに色をつけることも出来ます。</p>
<p>また、文章内に、リストなどを作ることも簡単に出来ます。</p>
<p>コピペで簡単に設置できます。</p>
<ul>
<li>コピペで簡単に設置が可能</li>
<li>普通の文章と同じように編集が可能</li>
<li>リスト表示なども見た目編集がそのまま出来る</li>
</ul>
</div>
スクロールする文章枠の特徴
Jimdoでこの枠を利用する場合、内容の編集が、通常の文章と同じように編集できるというのがとても楽チンでよいです。
この枠は、作るのがとても簡単ですし、背景などに色をつけることも出来ます。
また、文章内に、リストなどを作ることも簡単に出来ます。
コピペで簡単に設置できます。
文章をカラーで囲む
<fieldset style="background:#7fffd4; padding:10px; border:none;">本文</fieldset>
<div style="border-left: 5px solid #880000; border-bottom: 2px solid #880000; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
<div style="border: 3px solid #AAAAAA; padding: 18px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>
<h3 style="width:80%;padding:10px;border: 2px solid #0d0015;border-radius:12px;background:#7fffd4;color:#0d0015;font-size:16pt;margin-bottom:0px;">ここにテキストを入力します</h3><div style="width:80%;margin-bottom:20px;"><div style="width:0px;height:0px;border-style: solid;border-width: 20px 26px 0 5px;border-color: #0d0015 transparent transparent transparent;float:right;margin-right:21px;margin-bottom:0px;"></div><div style="width:0px;height:0px;border-style: solid;border-width: 18px 25px 0 5px;border-color:#7fffd4 transparent transparent transparent;float:right;margin-right:-31px;margin-top:-2px;"></div></div>
<div style="padding: 20px; background: #ffe5e9; background: linear-gradient(to bottom, #fff, #ffc0cb);
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb)); -moz-linear-gradient(top, #fff,
#ffc0cb); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff',
endColorstr='#FFffc0cb'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
endColorstr='#ffc0cb',GradientType=0 ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius:
5px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
font-size: 90%;">
囲み枠デザインカスタマイズ3
</div>
<div style="border-left: 5px solid #AAAAAA; border-bottom: 0px solid #808080; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
<div style="border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #ffdbed;
padding: 20px; font-size: 90%;">
囲み枠デザインカスタマイズ2-2
</div>
<div style="padding: 20px; background: #fff; -webkit-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
-moz-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece; box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0
#cecece; font-size: 90%;">
囲み枠デザインカスタマイズ9
</div>
<div style="color: #fff; background: #f08080; padding: 20px; border: 1px dashed rgba(255,255,255,0.8); box-shadow:
0 0 0 5px #f08080; -moz-box-shadow: 0 0 0 5px #f08080; -webkit-box-shadow: 0 0 0 5px #f08080;; font-size: 90%;">
囲み枠デザインカスタマイズ7
</div>
<div style="display:inline-block; background:color: #fff; background: #fff; padding: 20px; border: 1px dashed rgba(255,255,255,0.8);
box-shadow: 0 0 0 5px #f08080; -moz-box-shadow: 0 0 0 5px #f08080; -webkit-box-shadow: 0 0 0 5px
#f08080;; font-size: 90%;">
囲み枠デザインカスタマイズ7
</div>
<div style="display:inline-block; background:color: #fff; background: #fff; padding: 20px; border: 1px dashed rgba(255,255,255,0.8);
box-shadow: 0 0 0 5px #f08080; -moz-box-shadow: 0 0 0 5px #f08080; -webkit-box-shadow: 0 0 0 5px
#f08080;; font-size: 90%;">
囲み枠デザインカスタマイズ7
</div>
<fieldset style="border: 1px solid
#333333; font-size: 90%;padding: 20px;">
<legend>タイトル</legend>ここに本文を入れます♪</fieldset>
*上記のコードで1pxの数字を 5pxに変えると、枠線を太くすることができます。
<div style=margin:0em ;"><div style="display:inline-block;position:relative;top:3px;padding:0 .5em;height:1.5em;line-height:1.5em;color:#ffffff;background:#ffc0c0;font-weight:bold;text-align:center;border-radius:5px 5px 0 0;">*タイトル</div><div style="padding:20px;background:rgba(255,255,255,0);border:solid 3px #ffc0c0;border-radius:0 5px 5px;">ここに本文を入れます♪</div></div>
<div style="width:300px;
background: #fff0f5; padding: 5px; margin-right: 0px; border: 1px solid #0000ff; border-radius:10px; word-break:break-all;">はまぞうブログ講座のご案内
日時:2016年2月3日10:00~12:00
場所:浜松市中区富塚▲▲▲</div>
<div style="padding: 10px; margin-bottom: 10px; border: 5px double #333333; border-radius: 10px; background-color: #009999; color: #ffffff;">
ここに文字を入力する。
</div>
<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin:15px 10px;padding:10px 20px;border-radius:20px/50%;border-style:solid;border-width:0 3px;border-color:#0000ff">★</div>
<fieldset style="display:inline-block;background:#ffcccc; padding:10px; border:none;"> 本文 </fieldset>
<h4 style="width:60%;background:#fee1fc;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #ffc0cb,15px 15px 1px -4px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px fee1fc,15px 15px 1px -4px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fefee1,15px 15px 1px -4px rgba(0,0,0,0.2);padding:15px;margin-left: 30px;">小見出し</h4>
<div style="background-image:linear-gradient(#FFDEE9,#FBF8F9,#E3FFFE);background-color:#ffffff; padding:10px;
width: auto;margin-right:6px; border-radius: 10px;border: none; box-shadow: 2px 2px 4px #dcdcdc;">ここに本文を
入力する。<br>
改行はShift+Enter</div>
<hr style="border: 1px dashed #ef454a;">
<div style="border: #ff69b4 solid 1px; border-left: #ff69b4 solid 10px; padding: 10px; background: #fff;width: auto;margin-right:6px;box-shadow: 5px 5px 5px
#AAA;">ここに文字/改行は「Shift+Enter」</div>
<pre>
</pre>
<fieldset style="border:2px dotted #9400d3;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #AAA;"><legend><span style="font-weight:bold;">ここにタイトルを入力する</span>
</legend>ここに本文/改行はShift+Enter</fieldset>
<pre>
</pre>