ブログのテンプレート。 

HTMLをコピペして使う。
















★こういう枠を表示するHTML1





<div  class="mainmenu0">
<div  class="mainmenu1">

メイン<nobr>メニュー</nobr>

</div></div>









★お知らせHTML(水色限定)




<div  class="mainmenu0"><div  class="oshirase">
<span  style="font-size: medium;"><span  style="color: rgb(0, 255, 255);">

お知らせ

</span></span>
</div></div>





★リンクHTML










 <div  class="mainmenu0"><div  class="mainmenu1"><span  class="murasaki">

 <a  href="http://insou.xxxblog.jp/archives/sougo.html">
 <span  style="line-height: 1em; font-size: x-large;">


相互リンク


</span>
</a>

 </span></div></div>



<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->



★改行抑制(nobr,wbr)



あおいちゃんのうんこぺろぺろごっくん。


<nobr>あおいちゃんの</nobr><wbr><nobr>うんこ</nobr><wbr><nobr>ぺろぺろ</nobr><wbr><nobr>ごっくん。</nobr>





★抜粋紹介一覧に戻る+メニューに戻る





抜粋紹介一覧に戻る

メニューに戻る





<span  class="pink"><span  style="font-size: x-large;">

<a  href="http://insou.xxxblog.jp/archives/index-org.html">抜粋紹介一覧に戻る</a>
<br /><br />

<a  href="http://insou.xxxblog.jp/archives/top-page.html">メニューに戻る</a>
<br /><br />

</span></span>


<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->



★メニューに戻る。(site-top.html)





メニューに戻る



<span  class="pink"><span  style="font-size: xx-large;">

<a  href="http://insou.xxxblog.jp/archives/site-top.html">メニューに戻る</a>

</span></span>




<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->



★センタリングメニューに戻る(top-page.html)







<div  style="text-align: center;">
<span  class="pink"><span  style="font-size: large;">

<a  href="http://insou.xxxblog.jp/archives/top-page.html">メニューに戻る</a>

</span></span>
</div>


<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->



★トップに戻る



トップに戻る




<span  class="pink">
<a  href="http://insou.xxxblog.jp/">

<b><span  style="font-size: large;">トップに戻る</span></b>

</a>
</span>



<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->



★ページ先頭のおまじない


<link  rel="stylesheet" href="http://insou.xxxblog.jp/html/tuika.css" type="text/css">





★抜粋紹介のフッター定形










<link  rel="stylesheet" href="http://insou.xxxblog.jp/html/tuika.css" type="text/css">

<blockquote  class="bassui-link-box">
<br />

<span  style="font-size: x-large; color: rgb(255, 204, 153);">
<nobr>


小説タイトル</nobr><wbr><nobr>小説タイトル</nobr><wbr><nobr>小説タイトル</nobr><wbr><nobr>小説タイトル


</nobr>
</span>
<br />


<span  style="font-size: x-large; color: rgb(255, 0, 255);">販売中</span>
<br /><br />
<span  style="color: rgb(255, 153, 204);">続きは買ってからのお楽しみ!</span>
<br /><br />



<a  href="http://www.dlsite.com/maniax/work/=/product_id/RJ163796.html">DLSite.com</a>
<br /><br />

<a  href="http://www.dmm.co.jp/dc/doujin/-/detail/=/cid=d_085913/">DMM同人</a>
<br /><br />

<a  href="http://www.melonbooks.com/index.php?main_page=product_info&amp;products_id=IT0000183140">DLGetchu.com</a>
<br /><br />

<a  href="http://www.digiket.com/work/show/_data/ID=ITM0122078/">DiGiket.com</a>
<br /><br />

<a  href="http://www.melonbooks.com/index.php?main_page=product_info&amp;products_id=IT0000183140">MelonBooks.dl</a>
<br /><br />

<a  href="http://www.akibain.com/d5/?cls=cntdtl&amp;cid=95734">アキバイン.com</a>
<br /><br />

<a  href="http://gyutto.com/i/item157209">gyutto.com</a>
<br /><br />
<br />




<span  class="pink"><span  style="font-size: x-large;">

<a  href="http://insou.xxxblog.jp/archives/index-org.html">抜粋紹介一覧に戻る</a>
<br /><br />

<a  href="http://insou.xxxblog.jp/archives/top-page.html">メニューに戻る</a>
<br /><br />

</span></span>

</blockquote>
<br /><br />






★オリジナル小説抜粋紹介に小説追加するためのパーツ




タイトルタイトルタイトルタイトルタイトルタイトル
本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文。




<span  style="font-size: medium;"><a  href="http://insou.xxxblog.jp/archives/m-t4.html"><span  style="font-size: medium;"><span  style="color: rgb(0, 255, 255);">


タイトルタイトルタイトルタイトルタイトルタイトル

</span></span></a>
 <div  style="padding-left: 40px;font-size:9px;color: rgb(204, 255, 204);">


本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文。


</div>



コピペしてペーストして使う。



★白枠の引用枠「
(blockquote)」を作る




(サンプル)引用引用引用引用引用引用引用引用引用引用引用引用引用





<blockquote  style="background-color: transparent;border : 1px solid #aaa;">
<br />

(こっちをコピペ)引用引用引用引用引用引用引用引用引用引用引用引用引用

<br /><br />
</blockquote>






リンク白(shiro)

<span  class="shiro"><a  href="http://insou.xxxblog.jp/archives/sougo.html">

リンク白(shiro)

</a></span>
<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->




リンクピンク(pink)

<span  class="pink"><a  href="http://insou.xxxblog.jp/archives/sougo.html">

リンクピンク(pink)

</a></span>
<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->




リンク紫(murasaki)

<span  class="murasaki"><a  href="http://insou.xxxblog.jp/archives/sougo.html">

リンク紫(murasaki)

</a></span>
<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->




リンク緑(midori)

<span  class="midori"><a  href="http://insou.xxxblog.jp/archives/sougo.html">

リンク緑(midori)

</a></span>
<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->




リンク橙(daidai)

<span  class="daidai"><a  href="http://insou.xxxblog.jp/archives/sougo.html">

リンク橙(daidai)

</a></span>
<!--★白(shiro)、ピンク(pink)、紫(murasaki)、緑(midori)、橙(daidai)、がある。-->





















★こっそりとJavaで画像拡大表示




<a  class="large" rel="group" title="あっぷるたんうんこぷりぷり" href="http://sawabe.pro.tok2.com/Gallaley2/003_appledappun.png">
<img  class="smallimage" src="http://sawabe.pro.tok2.com/Gallaley2/003_appledappun_thumb.png">
</a>