かんたん電子書籍作成の小ネタ
2013/3/21 [12:48:36] (木) 

「EPUB3::かんたん電子書籍作成」(http://books.doncha.net/epub/)に限った話ではなくて、EPUB3のHTMLにスタイルシートを直接書き込んで調整。
かんたん電子書籍作成は、面倒くさそうなものは極力見せない方針で、今日時点で用意しているオプションも小見出し・扉・挿絵・縦中横・ルビ程度(中は単純なHTMLなので、ここで作ったファイルをひな形として、高度なレイアウトデザインは直接HTMLやCSSをいじり倒して編集してもらおうということで)
要望の多そうな3つの編集例
・小見出しだけを横書きにする
・章立て以外のところで改ページする
・字下げする
OEBPS/text/contents001.xhtml をエディタで編集。

【赤の部分 小見出しだけ横書き】
小見出しの h2 にスタイルを直接記入する(styleの「”」でくくられてる中は改行しても大丈夫)
「Part1 Beginning」だと長いので「Part1
Beginning」として改行している。
・横書きの指定2行
-webkit-writing-mode:horizontal-tb
-epub-writing-mode:horizontal-tb
・h2の横幅を指定する(文字数で指定して確認)
width:6em
・4文字分字下げ
margin-top:4em
・フォントのサイズを1em
font-size:1em
・アンダーラインをひく
border-bottom:1px #666 solid
【青の部分 強制的に改ページ】
「かんたん電子書籍作成」は目次への登録もかねて、章立て(小見出し・扉)単位でファイルを分割して改ページとなる。章の中で改ページするにはスタイルシートをHTMLに直接記入する。
「翌朝は〜」の前で改ページする。
page-break-<span style="color:#dd3300">before</span>:always <span class="note">(後ろで改ページなら page-break-after:always)</span>
【緑の部分 3文字分字下げする】
margin-top:3emで、この段落(pタグ)全体が3文字分字下げされる。
以下、Kindle Previewer でのスクリーンショット




