小説ページ移動

小説内ページまた小説章内での次項へ移動するリンク(#next~)がサイト上で表示されていません。

また表示されていないのはPCだけで、スマホでは確認できております。
当方のサイトはCSSは未設定・無効化しています。トップhardと共通hardだけは設定しております。下記に小説内で使用しているHTMLとトップ及び共通hardを記載しますので、詳しい方いらっしゃいましたらご教授ください。

<目次>--------------------
<font size=3>文章とか</br></br></br></br></br>（名前変換）</br></br></br><br /><br /></center>#list#<br /><br /><center>#prev_prev_prev#　　　#next_next_next#<br /><br /></center>
----------------------------

<文章画面>----------------
<font size=2><div align="center"><table width=100%><tr><td><span style="line-height:15pt">
#text#

#prev_prev_prev# #next_next_next#
</font></td></tr></table></div>
------------------------------

<hard>---------------------
<STYLE TYPE="text/css">
-->

@font-face{
font-family:游明朝;
}

body{
color:#000;
letter-spacing:2px;
word-spacing:1px;
font-family:游明朝;
font-size:5px;
margin: 0 auto;
max-width: 400px;
width: 80%;
line-height:1.7;
margin:0 auto;
padding:0;
}

.top{
font-family:游明朝;
margin:35px 5px 20px ;
padding:5px;
border:2px solid #cccccc;
box-shadow:0 0 4px #409ecc,0 0 3px #409ecc inset;
}

.box{
margin:0 10px ;
padding:8px 8px;
border: 1px solid #409ecc;
background-color:#fffffc;
}

strong{
border-bottom: 4px double #bce6d1;
font-weight:normal;
margin:1px;
padding:1px;
}

a:link{
color:#2a83a2;
text-decoration:none;
border-bottom:1px solid #cccccc;
padding:1px;
margin:3px;
}

a:visited{
color:#cccccc;
text-decoration:none;
border-bottom:1px solid #2a83a2;
padding:1px;
margin:2px ;
}
-->
</text></style></css>
------------------------------------------

>>13
お返事ありがとうございます。

>>小説のリンクについて
なるほど、そうだったんですね。運営様の対応が何時の間にか入っていたなんて知りませんでした。

私も問題が解決してとてもほっとしています。良かったです。

>>画像について
とんでもない！ ほんとうに助かります！
今もゆっくり拝見させていただいています。何せ初心者なもので飲み込むのに時間はかかりますが、ちゃんと分かるまで読み込ませていただきますね！ ありがとうございます！

とても良くしていただいて感謝の言葉しかありません。本当にありがとうございます。

>>12
>小説のリンクが出るようになった
お教えくださりありがとうございます！いそいそと確認しに行きましたら、コンテンツブロッカーを有効にしていてもprev/nextが表示されるようになっていました。
（ソースを見てみたら、prev/nextが非表示になる原因と思しきclassセレクタがすべて消えて、以前通りclass="backBtn"のみになっていました。運営さんが対応してくださったようです）

経緯からして、かやさんのブラウザでprev/nextが非表示になっていた理由もやはりコンテンツブロッカーだったようですし、今後ALICE+さんの仕様が変わらない限りは同様の問題は起こらないかと思われます。
訪問者の環境によってprev/nextがブロックされる仕様のままだったら正直移転だなと思っていたので、個人的にも大変安堵いたしました…。

>おまけの画像
元に対し「不要そうだけど本当に不要か分からん…何をしたくてこの書き方をしたのか分からん…」みたいな部分があり、“訂正版”と言いつつあまり効率的な書き方をしていないhtml＆HEADなので、画像はどちらかというと「最低限ここはこうしました……こういうことかと思ってこう書きましたが違ったらすみません…」という言い逃れ用の説明文だったりします。
勢いで重たい画像載せちゃいましたが、こちらは編集時に「このタグ何の意味がある奴？」などという疑問ができたときに参考になれば…程度のブツなので、必要なければ軽ーく流しておいてください。
作業工程と意図を明確にしておきたいのは単に自分の職業病みたいなものなので……

ともあれリンクの件も解決したようでよかったです！

>>11
お返事ありがとうございます。

>>htmlとHARDについて
ご指摘及び訂正ありがとうございます。早速書き換えてみようと思います。
また細かくご教授くださりありがとうございます。画像の方は後程ゆっくり目を通させていただきます。わざわざご用意くださり本当にありがとうございます。

>>小説のリンクについて
実は先程サイトを確認したところ、next prevが表示されるようになっていました(IE11/Firefox/chromeで確認済です)。
理由は分かりませんが、あれから特にPCを弄った記憶もございません(まだhtmlとHARDの書き換えもしていない)ので、運営様の方で何か調整が入ったのでしょうか……？

今のところ動作に不備は見受けられないので、一先ずサイト全体に書き換えを行ってみようと思います。
このたびは様々な手数をおかけしまして申し訳ございませんでした。
また本当に感謝の気持ちでいっぱいです。ありがとうございます。

>>10
とりあえず、htmlとHEADの訂正版を置いておきます。
前述の通り、そもそものテンプレがどういう意図でこのスタイルシートにしたのかよく分からなかったので、酌み取れない部分はそれらしく書き換えております…
行間や文字サイズが>>0さんの現状とは異なっているかもしれません。というかスクショと全然違う気がします……

多いので、小説テストページにコピペ用テキストボックス置きました。
>>>>小説テストページ
http://alicex.jp/0piran0/novel/6/
>>>>トップのテストページ
http://alicex.jp/0piran0/5/


>>>>小説・トップページ全体
●タグミス・文法ミス他、既に廃止されたタグは削除や書き換えを行いました
→廃止された<font>や、<div>のalign属性は全部纏めて、<div>のstyleでスタイル指定する方向に書き換えました
●現状使っていないclassセレクタのスタイル指定は、いつか使うかもしれないので消しませんでした
●HEADでの文字サイズ指定が5pxという訳の分からないサイズ（※小さすぎる）だったのでとりあえずサイズ指定そのものを消し去りました
●無意味な重複も消し去りました
>>>>小説
●<table>タグは、使う意義が無さそうなので<div>に纏める方向で消し去りました
●【表紙画面】に#next_next_next#だけしかないのは訪問者に不親切なので、#prev_prev_prev#を追加しました
●【名前変換画面】に関してはどうされているか分からないのでノータッチです
●【文章画面】のテキストは左寄せにしました
>>>>トップページ
●リンクを独自タグに書き換えました（独自タグが一番安全）
●見た感じ不要なclassセレクタがあるものの、意図が不明なのでひとまず放置してます
（※トップページのレイアウトは、【共通head間編集】にて行われていますか？もしかして【トップページhead間編集】を使われていませんか……？）
>>>>おまけ
htmlタグの入れ子構造が壊れてる、とか既に廃止されているタグ<font><center>・<div>のalign属性が使われているとか、ちょくちょく見かけるミス＆非推奨の書き方が散見されたので画像に軽く纏めました。（ざっと作ったので見づらいかもです）
お暇な時にでも……
750×1213PNG

135KB

750×1599PNG

335KB

>>8
ご教授くださりありがとうございます。

一先ずFirefoxのアドオンだけ確認を取ってみたのですが、それらしいものは見受けられませんでした(アドオンがどこにあるかもわからなかったので一通り見られるところは確認しました)。こちらをダウンロードしたのもこの問題が発覚してから調査の為にダウンロードしてそのままにしてあったので、特に追加して何かを弄った記憶はございません。

ＩＥやchromeについては調べ方がイマイチ分からなかったので、そちらは未確認です。申し訳ございません。


>>9
何時もありがとうございます。

デモページ全て確認いたしました。どれも次項へ続くリンクは確認できませんでした。
これはやはりPC側、アドオン？のせいなのでしょうか……。

アドオンについてもひと通り確認してみたのですが、ダウンロードされていないとは思います。あくまで私の目で確認しただけなのでもしかしたらアドオンがあるかもしれないですが、多分ないと思います……。

>>HARDとhtmlについて
やっぱりおかしい所満載なんですね……。お手数おかけいたしますが、どうぞ宜しくお願いいたします。

>>8
>恐らくcssの文法が原因ではなく、ブラウザのアドオンが原因で非表示になっているかと思います
やはりそうですよね……
最初のレスでも書き込んだんですが、こちらのスレと同じ現象のように思います→ http://bbs.alicex.jp/tag/49/ （前へ、次へ、などの独自タグについて）

>>0
とりあえず、以下のデモページを見ていただけますでしょうか。（別スレ用に作った当方のデモページです）
https://alicex.jp/0piran0/novel/4/
https://alicex.jp/0piran0/novel/5/
https://alicex.jp/0piran0/novel/7/
これらいずれも、『前へ／次へ』もしくは『＊前／次＃』のテキストが表示される小説ページです。
３点すべてで前／次のテキストが表示されないとしたら、まず間違いなくブロッカーアドオンで非表示にされているということだと思います。

それならばアドオンを無効にすれば表示される、ということになるのですが……
これ、閲覧者が個別に対応しなくちゃいけないということで、サイトの管理人がどう頑張ってもブロッカーアドオン使っている人にはprev/nextが表示されないというなかなかしんどい状況ですね……。ALICE+さんでprev/next周りの仕様を何か変えて、ブロッカーに引っかかるようになってしまったのでしょうか……？？その辺は分かりませんが、サイトの管理人が奮闘してどうにかなる問題じゃないですね……
ひとまずは>>8さんの仰るとおり、アドオンを無効にしてみてください。


……それはそれとしてHEADとHTMLについてはヤバイ部分があるので、あと見直したら上げときます。
共通HEADの内容も、謎のタグとかあってやっぱりヤバイです……

>>7
一連の書き込みを見ていて気になる点があったので、失礼します。

恐らくcssの文法が原因ではなく、ブラウザのアドオンが原因で非表示になっているかと思います。
私自身、広告を非表示にするアドオンを使用していて、これをオンにするとprevnextが非表示になり、オフにすると表示されることを確認済みです。

＞先程調査を兼ねて当該サイトの小説に<目次>を<表紙画面>に入れて「保存しないでプレビュー」をしたところ、やはりnext prevは表示されておりませんでした。しかし保存をしたあと「ページを確認」してみるとnext prevが表示されておりました。しかしそれに驚いたのもつかの間、それは数秒でパッと消えてしまいました。一度ブラウザバックをして再び「ページを確認」してみたのですが再度表示はされませんでした。
この現象、cssの文法ミス等では起こらないと思います。ただ、そういう現象自体は見たことあります。ページを開いてからアドオンの動作が遅れると、一瞬要素が表示されて消える…という原理で起こったことがあります。

コンテンツブロッカーについて説明させてもらいますと、文字通り「特定の要素を非表示にするツール」です。
何を非表示にするのかというと、大半は広告です。
アリスプラスさんはパソコンからだと元から広告が表示されないので、ちょっと気づきにくいんですよね…。
とりあえず、ブラウザのアドオンを確認してみてください。
IEは分かりませんが、FireFoxなら、キーボードの「Ctrl」「Shift」「A」を同時に押すとアドオンの編集ページが開けます。
もし何もなかったら私の早とちりになるので申し訳無いですが…恐らく何かしら入っているかなと。有名どころのブロックツールは「adblock」あたりでしょうか。
広告をブロックするアドオンが入っていたら、それを一度無効化してから、ページを再読込してみてください。アドオンが原因なら、それで表示されるかと。

>>6
お忙しい中お返事ありがとうございます。

>>デザインについて
やはりどこかおかしいんですね……。お手数をおかけしております。
こちら確認しＣＳＳを完全に無効にしましたが効果はありませんでした。

>>トップページについて
丁寧な説明ありがとうございます。「ＣＳＳファイル編集」を確認しましたところ、こちら記述はありませんでした。自分でも弄った覚えはなかったので、全て空白となっております。

>>テストページについて
こちら改めて確認させていただきました。やはりnext prevは表示されておりません。フッターの「ALICE+」と「トップページに戻る」以外のリンクはありませんでした。

>>テストページと当該サイトのデザイン
同じではありませんね……。子ページは色分けはしているのですが、小説に関してはカラーコード以外はhtmlは共通で使用しております。なのでカラーコード以外でhtmlの差はないと思います。

>>ページのソース
「xml宣言」と「DOCTYPE宣言」は添付していただいた画像と同じ状態でした。こちら初期より弄った記憶がありません。先程再度確認いたしましたので確かです。

>>共通のHARD
以下に添付させていただきます。

<STYLE TYPE="text/css">
-->

@font-face{
font-family:游明朝;
}

body{
color:#000;
letter-spacing:2px;
word-spacing:1px;
font-family:游明朝;
font-size:5px;
margin: 0 auto;
max-width: 400px;
width: 80%;
line-height:1.7;
margin:0 auto;
padding:0;
}

.top{
font-family:游明朝;
margin:35px 5px 20px ;
padding:5px;
border:2px solid #cccccc;
box-shadow:0 0 4px #409ecc,0 0 3px #409ecc inset;
}

strong{
border-bottom: 4px double #bce6d1;
font-weight:normal;
margin:1px;
padding:1px;
}

a:link{
color:#2a83a2;
text-decoration:none;
border-bottom:1px solid #007bbb;
padding:1px;
margin:3px;
}

a:visited{
color:#007bbb;
text-decoration:none;
border-bottom:1px solid #2a83a2;
padding:1px;
margin:2px ;
}
-->
</text></css>


>>デザインについて
当方が至らないばかりに頭を悩ませてしまう質問をして申し訳ございません。文法の誤りを訂正していただくだけでも十分有難いです。ありがとうございます。

>>不思議な現象
先程調査を兼ねて当該サイトの小説に<目次>を<表紙画面>に入れて「保存しないでプレビュー」をしたところ、やはりnext prevは表示されておりませんでした。しかし保存をしたあと「ページを確認」してみるとnext prevが表示されておりました。しかしそれに驚いたのもつかの間、それは数秒でパッと消えてしまいました。一度ブラウザバックをして再び「ページを確認」してみたのですが再度表示はされませんでした。


至らぬところばかりでお手数をおかけしております。丁寧に対応してくださり感謝しております。引き続きご教授くだされば幸いです。

>>4
ちょっとスマホからなんで見逃しあったらすみません。
取り急ぎ確認したい点がありましたので羅列します。

>スクリーンショットのデザイン
？！前回私が掲載したデモページと全くデザインが違うように見えるのですが、本当にCSSはお使いではないのですか？
前掲のテストページは、>>0さんがこれまでに載せた“目次”、“文章画面”、“HEAD”だけを基に作ったページです。
CSSを不使用ならば、このデザインになっているはずです。
#CSSを確実に無効にするため、以下をおこなってください
>(1)当該小説機能の【CSSファイル編集】のページに行く
>(2)スマホ用・PC用両方のCSS編集欄に何か無いか確認する
#→(2-a)もし記述があれば、それがそのページのデザインです。スレへの掲載をお勧めします。

#→(2-b)記述が何もない場合は、
>(3)『使用するCSSファイル』の項目が、“トップページのCSSを適用する”になっていないか確認する
もし“トップページのCSSを適用する”になっていたら、
>(4)“下記の内容のCSSを適用”に変える
これでCSSファイルを間違いなく“不使用”にできます。

CSSファイルを不使用にした状態では、next/prevの表示はどうなるでしょうか？
これで表示できたら、CSSファイルの問題と分かるんですが……。ご確認ください。


>トップページのデザイン
言葉が足りませんでした。トップページのCSSとはそこではなく、【ヘッダー情報など】の項目内にある、【CSSファイル編集】です。
（※【共通head間編集】【トップページhead間編集】【デフォルトCSS設定】の近くにある奴です）
そこがトップページのCSSです。
十中八九、ここに何か記述があります。なければこうはならないので…

↓とりあえずテストページを再掲します。
http://alicex.jp/0piran0/novel/6/
このテストページを>>0さんのパソコン・スマホからご覧の上、以下ご確認ください。

#next/prevは表示されているか
ページ数が少なければリンクにならないですが、リンクじゃなくとも『next』『prev』の文字は間違いなく入ります。
テストページでもnext/prevが入っていないなら、ブラウザの問題かもしれません。（前掲の他スレと同じ現象）

#テストページとご自身のサイトで、デザインは同じか
テストページは、>>0に載せられていた＜目次＞を【表紙画面】に、＜文章画面＞を【文章画面】に、＜head＞を【HEAD編集】に入れた結果です。
（致命的な誤りや非推奨のタグだけは直していますが、見た目はほぼ変わっていません）

スクショと見比べた感じでは、文字色や下線の色などが明らかに違うように見えます。
これだと、色などの指定は小説機能の【HEAD編集】以外のどこかにあると考えられます。
それが、トップページのCSSではないかと考えています。
（トップページのCSSがどこにあるかは、添付の図をご覧ください。>>4に載せられているのは【トップデザイン編集】の内容かと思いますが、こちらはhtmlと呼ぶ方です）

>ページのソース
変なところに変なものが入っていたら「どこからどこまで」とも言えないので……、頭からGoogleのスクリプト手前まで……と思ったのですがどこが削除事由か分からないので諦めます。

【共通head間編集】内にある、『xml宣言』と『DOCTYPE宣言』の中に何か記述はありますか？
基本、添付画像の状態でなければ怪しいです。
サイト内の小説機能全部next/prevが表示されないとのことなので、個別のheadじゃなく共通headに何かあるかも、と……

>デザインが分かればhtmlやHEADの訂正、整理ができるか
スクショを見たら、これまで>>0さんが掲載されてきた情報とはまったく異なる状態になっているように見受けられました。
繰り返しになりますが、HEADだけでデザインされているのなら前掲のテストページと同じ配色でないとおかしいです。
スクショからだと文字色（#000、等のカラーコードやカラーネーム）が何であるかとか、余白がどのくらいか……というのが分からないので、既出の情報からデザインを作り直すのは無理です。（詳細な指定があればできますが…）
とりあえず、文法上の誤りなどを訂正しただけのhtmlとheadに関しては後送します。

取り急ぎ、確認まで。見直し足りないんで分かりづらい箇所多々、恐縮です。
1080×1508PNG

279KB

1080×1430PNG

186KB

>>4
画像が添付されておりませんでしたので、再度失礼いたします。

こちら目次と小説ページのデザインになります。
1079×1045JPG

44KB

935×1280JPG

158KB

>>3
お返事ありがとうございます。

>>ページのソース
削除に関して、こちらの不手際で申し訳ございません。知らなかったとはいえ運営様としち様には申し訳ないことを……。

HARD以前というとどの辺になりますでしょうか？


>>html及びHARDの問題
デザインが分かれば対処可能ということでしょうか？ もしそうであれば以下に目次と文章画面のスクリーンショットを添付いたしますので、ご確認ください。こちらスマホのスクリーンショットですが、こちらからだとご覧の通りnext prevはきちんと反映されております。(目次及び他ページでもきちんと機能しております)

また全体デザインには#novel#以外のタグは使用しておりません。表紙画面デザイン・文章画面デザインには別のタグを記載しております。


<表紙>
<div align="center"><table width=90%><tr><td><font size=3>
<a href=#dream_url#>名前変換</a>

#list#

#next_next_next#</font></td></tr></table></div>

<文章画面>
<font size=2><div align="center"><table width=100%><tr><td><span style="line-height:15pt">
#text#

#prev_prev_prev# #next_next_next#
</font></td></tr></table></div>

以上になります。


>>サイト全ての小説について
はい、その通りです。サイト内全ての小説目次及びページでnextとprevが反映されておりません。

サーバー様のフッターリンクは消えておりません。


>>CSS未設定・無効化について
なるほど、トップページのデザインが関わっている可能性もあるのですね。ではこちらもコピペで記載させていただきます。


<div class="top"><h1><font face="游明朝">サイト名</h1><center><font size=1><font color=#2b2b2b>(愛し君に)(煩う)</font></font></center>
<div class="menu"><a href="http://alicex.jp/サイトID/1/">必読</a><a href="http://alicex.jp/サイトID/note/1/">更新</a><a href="http://alicex.jp/サイトID/2/">作品</a>##mailbox(連絡)##</div>
<div class="box"><font face="游明朝">非公式の雑食系二次創作サイト。
初見様は必読をお目通しください。

▼word...｜ＰＣが修理を終えて戻ってきた。
</div>
<div class="footer"><font size=1>##total##の逢瀬を君と。</font>
▼join...</font></b><a href="ランキングURL">子鹿</a><a href="ランキングURL">叱</a><a href="ランキングURL">青痣</a>
<a href="ランキングURL">ggg</a></div></div>

以上になります。

>>2
>ページのソース
あああ…運営さんに削除されていますね。
<!-- Global site tag (削除対策に念のため途中伏せ) - Google Analytics -->以降の記述を乗せるのがダメだったんでしょうね……。そこさえ載せなければ大丈夫なんでしょうか…？削除、初めて見ました。

あと、ソースはそのnext/prev周辺だけだと不十分な気がしてます。
ここまでに掲載されている情報のみではそれらしい原因箇所が見つからないので、>>0さんが把握されていない部分に何か問題があるんじゃないかとも考えておりまして……入れちゃいけない位置にhtmlタグを突っ込んでいるとか……。
なのでどちらかというと、HEAD以前のところも確認したいというのがありました…（サイトIDは適宜伏せて頂く必要はありますが）

>目次と文章画面のhtml及びHEADの問題箇所
文法上の誤りと非推奨の書き方を訂正するのはすぐできます。
が、その……誤りや不要な記述が多く……どういうデザインにしたいのかよく読み取れなくて、どう整理したらいいかな……？という感じでございます…
元のデザインも知らないので、現状記述から勝手に推測しつつ、不要箇所は放置でとりあえずヤバイ誤りだけ訂正した結果が↓です。

テストページ：http://alicex.jp/0piran0/novel/6/
（※突貫工事なので後でもう少し弄るかも）
ちなみに【表紙画面編集】【文章画面編集】【HEAD編集】しか弄ってません。（“目次”の内容は【表紙画面編集】に入れました）

詳しいデザインの記述はちょっと目指すところが分からないため後日……
文字サイズとか行間とかをどのくらいにしたいのか、どれを中央配置にしたいのか、というのがよく分かりませんでした。

↑はhtml文法上の誤りを訂正したVer.ですが、掲載されたままの状態でアップしても私の環境ではnext/prevは表示されておりました。
>サイト全てで表示されておりませんので…
というのは、「サイト内の小説機能すべてで」next/prevが表示されていないと言うことでしょうか？
てっきり、当該の小説機能ひとつだけがこの状態なのかと思っておりましたが…
もしくは、「サイト内のフッター部分（ページ下部のALICE+リンクあたり）は全部消えている」とかそういうことではありませんよね…？

テンプレをお使いなら、>>0さんが編集していない箇所にも何か記述があるかもしれません。
【全体デザイン】に、#novel# 以外のものが書かれているとか…しかもそれが何か間違っているとか…
繰り返しますが、これまでに>>0さんが開示されている情報からは原因と思しき箇所が見つかりません。（ブラウザのセキュリティとかアドオンでブロックされている、という問題で無い限りは）

なので、【共通head】や、小説機能の【全体デザイン】、【HEAD編集】内の『HEAD間編集』以外の項目（『xml宣言』とか、HTMLを記入してはいけないところ）に書いちゃいけないものを書いているとか……
その辺に問題があったりしないかなぁと思っております。
>当方のサイトはCSSは未設定・無効化しています
とのことですが、トップページに何かテンプレをお使いの場合はもしかするとCSSが使われている可能性もあるのではと気になりました。どうでしょうか？ちなみに小説機能のCSSは、何も触っていないと確か「トップページのCSSを適用」になっていた気がします。

長くなりましたが、とりあえず今のところnext/prevがPCで出てこない原因が分かりません。
htmlとHEADの誤りに関してはすぐ直せるんですが、不要な記述はどこまで消して良いのか、どうデザインしたいのか不明なので掲載は後日します。テストページも突貫工事なのでちょっと自信がない…

>>1
お返事ありがとうございます。
初心者ながら他のテンプレ―トを使用させていただき、少しだけ弄りました……。そちらについても不味い点が多々あるということですので、もしお時間があれば目次と文章画面のhtml及びHEADについてもご教授いただいても宜しいでしょうか？

また当方が問題にしているのは「文字が表示されない」という状態で間違いございません。スマホ(android)では確認できるのですが、ＰＣ(IE10/Firefox)では表示されない状態になっております。

またソースですが、問題のページ(サイト全てで表示されておりませんのでこちらはその一部のページから抜粋いたしました)を以下に記載いたします。本文終了後すぐ下のソースです。お手数ではありますがお返事お待ちしております。

#Googleアドセンスのポリシー違反に抵触する恐れがあるために一部の書き込みを削除させて頂きました。
# ALICE+サポート

以上になります。

>>0
お、おおう……
next/prevが出ない問題の原因はぱっと見では分からないんですが……
あの、html（＝“目次”と“文章画面”）の書き方も、HEAD内のstyleの書き方も、凄く間違っていまして……

styleの中に、.box{...;}とか .top{...;}とか、使用されていないクラスがあったりもしますが……もしかしてどこかのテンプレをご自分で改造されてお使いとか……でしょうか……？
HEADの誤りが一番酷いので、これガラケーとか古いブラウザだと果たしてまともに表示できるのか否か……bodyの文字サイズが5pxというのも意図が読み取れない……（※小さすぎる）。

とりあえずnext/prevの話に戻しますが、
> 小説内ページまた小説章内での次項へ移動するリンク(#next~)がサイト上で表示されていません
というのは、「リンクにならない」のではなくて、「next・prevという文字自体表示されない」ということですか？

独自タグのこの書き方なら、文字自体は表示されるはずですので……
試しに>>0の内容で小説ページ作って確認したところ、【表紙画面】でも【文章画面】でもnext/prevは表示されてます。（IE11／Firefox／Chrome）

「文字自体表示されない」状態なら、独自タグの記述自体が何故か非表示になっている……とかでしょうか……。ちなみに、他のブラウザ（FirefoxとかChromeとか）での表示確認はされていますか？
お使いのブラウザ側の仕様？でブロックされているとか……。
似たようなスレがありましたので→ http://bbs.alicex.jp/tag/49/ （前へ、次へ、などの独自タグについて）

IEで確認されているようなので、その問題ページ上で右クリック→「ソースの表示」をしてみてください。next/prev周りがどうなっているかは、そこを見ると分かります。というか見ないと分かりません…

とりあえず、htmlとHEADの、やばいところを直した方が良いのは確かです……