<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Glass+Antiqua');
@import url('https://fonts.googleapis.com/css?family=Fascinate+Inline');

t{
font-family: 'Glass Antiqua', cursive;
font-size : 38px;
color: red;
}

f{
font-family: 'Fascinate Inline', cursive;
font-size : 18px;
color: pink;
line-height:16px;
}

a{
text-decoration:none;
border-bottom: dashed 2px pink;
color: violet;
}

div.box{
border-width: 1px;
border-color: pink;
border-style: solid;
padding:8px 10px 10px 10px;
border-radius: 0px 20px 0px 20px;
font-size : 14px;
color: pink;
}

div.x{
border-width: 1px;
border-color: pink;
border-style: solid;
border-radius: 20px;
padding:10px 10px 10px 10px;
width: 320px;
}

body{
background-color: #ffffff;
color: black;
}

</style>

<center><div class="x"><img src="＃sozai2260_w_url＃" alt="ハート" align="left"><t>- Title -</t>
<div onclick="obj=document.getElementById('info').style; obj.display=(obj.display=='none')?'block':'none';"><a style="cursor:pointer;"></a><f>Info</f></div><div onclick="obj=document.getElementById('main').style; obj.display=(obj.display=='none')?'block':'none';"><a style="cursor:pointer;"></a><f>Main</f></div><div onclick="obj=document.getElementById('link').style; obj.display=(obj.display=='none')?'block':'none';"><a style="cursor:pointer;"></a><f>Link</f></div>
＜!-- 以下、開くボックス部分 --＞
<div id="info" style="display:none;clear:both;"><div class="box" align="left"><f>*Info</f>
ここはXXなサイトです。Bookmarkはトップでお願いします。
また、当サイトは(アン)リンクフリーです。お気軽にどうぞ！
…などなどサイトの説明など。</div></div><div id="main" style="display:none;clear:both;"><div class="box" align="left"><f>*Book</f>
<a>Book</a>
= 気ままに書き溜めた小説
<a>Illust</a> = 落書き置き場

メインコンテンツを直接リンクさせてみたり…。</div></div><div id="link" style="display:none;clear:both;"><div class="box" align="left"><f>*Link</f>
相互サイトさま(敬称略)
:) <f><a>XXXX</a> // <a>YYYYYY</a></f>

素材サイトさま(敬称略)
:D <f><a>ZZZ</a></f></div></div><div id="link" style="display:none;clear:both;"><div class="box" align="left">相互サイトさま(敬称略)
:) <f><a>XXXX</a> // <a>YYYYYY</a></f>

素材サイトさま(敬称略)
:D <f><a>ZZZ</a></f></div></div></div>



！)　div class="box"　 を消すと囲みが消えます。
！)　div align="left"　を消すと中央揃えになります。
！)　 　　　　 で囲むと文字が変わります。
！)　使用カラーは"pink" "red" "violet"の３色なので、お好みで変更下さい。

！)　開閉ボタン
<div onclick="obj=document.getElementById('ID名').style; obj.display=(obj.display=='none')?'block':'none';">

！)　開閉されるボックス
<a style="cursor:pointer;"></a>リンク名</div><div id="ID名" style="display:none;clear:both;"><div class="box" align="left"><f>本題</f></div></div>