[ ヘッダ詳細 ] [ フッタ詳細 ] [ 変換材料 ] [ 目次 ]
スタイルシート / 連番置換用サンプル / 元のtxtファイル

変換材料

補足・連番置換用サンプル

sl-で始まるサンプルファイル

連番置換用に、置換文字列『[$base$]』『[$prev$]』『[$next$]』が埋めてあります。

たとえば『連番リンク』テキストボックスに『story』と入力して、『01物語.txt』・『物語01.txt』を変換する場合、変換後のファイル名は『story01.html』になります。
ヘッダファイルやフッタファイルの『[$base$]』は『story』に、『[$prev$]』・『[$next$]』はそれぞれ『00』・『02』に置き換えられます。

『連番リンク』テキストボックスには以下の文字しか入力しないでください。1字でも対象外の文字があった場合、ファイル名は番号のみとなり、『[$base$]』は削除(空白で置換)されます。

半角アルファベット(大文字・小文字とも)
abcdefghijklmnopqrstu
ABCDEFGHIJKLMNOPQRSTU
半角数字
0123456789
半角下線
_(アンダーバー)

想定する構成

それでも外部スタイルシートは同じフォルダになっています。 ご自分の環境に合わせて編集してください。

クラス追加とスタイルシートの変更

『sl-hdcss.txt』・『sl-hdlcss.txt』には、ヘッダ用ナビゲーションリンク専用クラス『hnavi』の指定を追加しました。
それに伴い、『sl-hdcss.txt』・『sl-novel.css』にも、クラス『hnavi』のスタイルシートの記述が追加されています。(本文前にあっても邪魔にならないよう右揃え)。

フッタ用・ヘッダ用とも、ナビゲーションリンクの下線が非表示になるようにしてあります。
本文の前にあるリンクが目立ちすぎるのは良くないので、主にヘッダ用ナビゲーションリンクのためです。

.hnavi {font-size:85%;text-align:right;}
クラス『hnavi』。フォントサイズと右揃えの指定。
.hnavi a, .navi a {text-decoration:none;}
ナビゲーションリンク下線非表示

リンクの下線を表示したい場合は、上記部分を削除してください。
『.hnavi a {text-decoration:none;}』と書き換えると、ヘッダ用ナビゲーションリンクだけ下線非表示になります。

『sl-hdlcss.txt』で呼び出される外部スタイルシートは『novel.css』です。『sl-novel.css』をリネームしてご利用ください。