アバウト基本的な仕様とか

シンプルだけど、可愛いらしさのあるテンプレートです。全体的に丸みを帯びたデザインになっています。レスポンシブに対応しています。

同梱している画像ファイルはお好きに使って頂いて大丈夫です。要らない場合は消してください。
コンテナを増やす場合は~をコピペして下さい。

エンターページがあります。サンプルはこちら

画面右端の下の方にあるトップへ戻るボタンは、動きなど一切つけていませんので、各自でJavaScriptを使うなどしてご使用ください。
要らない場合は<div id="tpbtn">~</div>の部分を消してください。

イラストアイコンサンプル新着5件とか書くといいかも

イラストを新着順に掲載したりするのにお使いください。件数は5件がオススメです。

アイコンをホバーするとタイトルと日付が出ます。
<div class="illust">~</div>の中のaタグに「new」を指定するとNEWアイコンがでます。
aタグに「bokasi」を指定すると、画像がぼやけます。ワンクッション置きたいときなどにお使いください。

ここにもno-imageを指定出来ますが、オススメはしません。一番右端のように画像がないことを表すマークが出ます。

タイトル

ぼかしサンプル
改行もできます

ここも3行程度に収めるのが安全です。

タイトル

No Imageサンプル

h2にclass="midasi"をつけると、以下のようになります。さらにspanタグを間に入れると小さくキャプションを入れられます。
タイトルやキャプションが長すぎると、2行になってしまいます。

h3にclass="sankaku-midasi"をつけると左に三角がでます。

リンクバナーを表示するのに使えます。200px×40pxに切り取られるようになっています。単体だと真ん中に配置されます。

複数表示したい場合は、こんな感じ。

このままでは動きませんので、PHP工房さんのMailForm01などをお使い下さい。