イベント参加

2013/09/09 イベント名 スペースNO 「サークル名」
2013/10/10 イベント名 スペースNO 「サークル名」

新刊案内

ちょっと特殊なテンプレート。「#p003」が元になってます。
オフ活動されている方で、イベント前に特設ページを作るサイトさんも多いと思いますが、それ用のテンプレです。
もちろんそれ以外の用途にも、規約の範囲内でしたら自由に使って下さって構わないです。
※単独で使う場合もサイト内に組み込んで使用する場合も、ページ下部の著作権表示は削除しない様にお願いします。

01:本のタイトル

B5│--P│---円│11/11 ○○イベント発行

←左の画像ですが、imgタグにclass="img"を足すと、サンプルの様に枠が付きます。
また、下の★サンプル(クリック↓)をクリックすると、本分サンプルが表示されるようになってます。
小説本の場合は、画像じゃなくて本文抜粋でもいいかも?
不要な場合は削除しちゃって下さい。

★サンプル(クリック↓)

既刊案内

説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文

02:本のタイトル

B5│--P│---円│10/10 ○○イベント発行

←左の画像に枠が付いてないサンプル。
下のサンプルクリックは文章サンプル。

★サンプル(クリック↓)

03:本のタイトル

B5│--P│---円│9/9 ○○イベント発行

本の内容、あらすじなどの説明をどうぞ!

★サンプル(クリック↓)

説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文

見出し h3,h4

<div class="title">サブ見出し</div>

サンプル文字。<em>強調です</em>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>
サンプル文字。<strong>より強い強調です</strong>

アイコン(自作なので色替えなどご自由にどうぞ)

<p>普通のP段落</p>

<p class="blank1">段落下の余白少なめ</p>

<p class="blank2">段落下の余白多め</p>

<p class="small">段落全体の文字を小さくする</p>

<p center="center">真ん中寄せ</p>

<p class="box1">装飾BOX</p>

<p class="box2">装飾BOX2</p>

その他

html・外部CSS共に「#p001」とほぼ同じですが、こちらには『更新履歴・テーブル』の指定が無く、CSSの一番最後に本の紹介部分の指定が追加されています。
メニューが要らない場合はメニュー部分のタグを
<!-- ********** メニュー ********** -->
<div id="menu">
<ul>
<li></li>
</ul>
</div>
<!-- ********** メニュー以上 ********** -->
のみにしてみて下さい。(黒いバーのみ残ります)
----------
※13.9.13修正
・文字サイズを変更しました。
・「#p001」の修正に合わせてCSSなど微妙に修正。
----------
※11.12.7修正
・本のサンプル説明箇所を、float(ボックス)からテーブルに変更しました。