↑ページトップへ
表示調整
閉じる
挿絵表示切替ボタン
▼配色
▼行間
▼文字サイズ
▼メニューバー
×閉じる

ブックマークに追加しました

設定
0/400
設定を保存しました
エラーが発生しました
※文字以内
ブックマークを解除しました。

エラーが発生しました。

エラーの原因がわからない場合はヘルプセンターをご確認ください。

ブックマーク機能を使うにはログインしてください。
22/28

なろう小説を、スマホのブラウザで縦書き! (Chrome版)

タイトルの通り、

なろう小説を縦書きにする設定。


※注意※

!◆利用の際は各自の責任と判断にて行ってください。このスクリプト等で起きた不具合・損害についてわたくしバナセルは責任を負いません◆!

────────────────────

手順は

①ブックマークレット(ブックマークに書いたプログラム)を実行

②WEBサイトのスタイルシート(css)に編集を施す。

─────────────────

ブックマークレットの登録方法は各自調べていただけると幸いです。

─────────────────

①のブックマークレットは、http://bookmarklet.daa.jp/ さまの「スタイルをテスト」を使用いたしました。この場を借りて感謝致します。


②は以下に──

img{

width: 200px;

height: auto; /*挿絵が文字と被るので縮小*/

}


body{

-ms-writing-mode: tb-rl;

writing-mode: vertical-rl; /*文字を縦組み化。縦中横非対応。ときどきバグる*/

max-height: 50em !important; /*一行の文字数について*/

}


/*

div#novel_hyouka{visibility:hidden; /◆本文と被るので評価エリアを非表示(諸事情により無効化しました)◆/

}

div#impression{visibility:hidden; /◆本文と被るので感想エリアを非表示(諸事情により無効化しました)◆/

}

div#review{visibility:hidden; /◆本文と被るのでレビューエリアを非表示(諸事情により無効化しました)◆/

}

iframe{

display:none /◆ツイート共有ボタンを消す(諸事情により無効化しました)◆/

}

*/

cssに書き込むのが億劫なかた、

こちらをブックマークレットとして登録してください。


※注意※

!◆利用の際は各自の責任と判断にて行ってください。このスクリプト等で起きた不具合・損害についてわたくしバナセルは責任を負いません◆!

──────────────────────

javascript:(function(){function init(){var newline=unescape("%"+"0A");dead=false;oldCSS=null;x=opener;ta=document.f.ta;ta.select();ta.value="img{width:200px;height:auto;/*%E6%8C%BF%E7%B5%B5%E3%81%8C%E6%96%87%E5%AD%97%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E7%B8%AE%E5%B0%8F*/}div{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;/*%E6%96%87%E5%AD%97%E3%82%92%E7%B8%A6%E7%B5%84%E3%81%BF%E5%8C%96%E3%80%82%E7%B8%A6%E4%B8%AD%E6%A8%AA%E9%9D%9E%E5%AF%BE%E5%BF%9C%E3%80%82%E3%81%A8%E3%81%8D%E3%81%A9%E3%81%8D%E3%83%90%E3%82%B0%E3%82%8B*/max-height:50em!important;/*%E4%B8%80%E8%A1%8C%E3%81%AE%E6%96%87%E5%AD%97%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6*/}div#novel_hyouka{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E8%A9%95%E4%BE%A1%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#impression{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E6%84%9F%E6%83%B3%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#review{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}iframe{display:none/*%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E5%85%B1%E6%9C%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99*/}"+newline+newline;update();}function update(){try{if(!x||x.closed){ta.style.backgroundColor="#ddd";return;}x.bookmarkletStyleSheet;}catch(er){ta.style.backgroundColor="#fdc";setTimeout(update,150);dead=true;return;}if(dead){dead=false;ta.style.backgroundColor="";oldCSS=null;}if(!x.testStyles){var newSS;newSS=x.document.createElement("link");newSS.rel="stylesheet";newSS.type="text/css";x.document.getElementsByTagName("head")[0].appendChild(newSS);x.testStyles=newSS;oldCSS=null;}if(oldCSS!=ta.value){oldCSS=ta.value;if(window.opera)x.testStyles.href="javascript:unescape('"+escape(ta.value)+"')";else if(navigator.userAgent.indexOf("MSIE")!=-1)x.testStyles.href="javascript:unescape('"+escape(escape(ta.value))+"')";else x.testStyles.href="data:text/css,"+escape(ta.value);}setTimeout(update,150);}y=window.open('','','resizable,width=500,height=300');y.document.write('<title>New CSS Style Sheet</title><style>.ec { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; }</style><body class="ec"><form name="f" style="margin: 0px;" class="ec"><textarea name="ta" wrap="soft" style="margin: 0px; border: 0px; width:100%; height:100%;" class="ec"></textarea><script>'+update+init+'init();<'+'/script>');y.document.close();})()




============

一部編集版公開。

ブックマーク発動後、ページが最後の行に飛んでしまう状態の修正。(リンクを踏んだ際のページ飛びは未対策)

============

javascript:(function(){function init(){var newline=unescape("%"+"0A");dead=false;oldCSS=null;x=opener;ta=document.f.ta;ta.select();ta.value="img{width:200px;height:auto;/*%E6%8C%BF%E7%B5%B5%E3%81%8C%E6%96%87%E5%AD%97%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E7%B8%AE%E5%B0%8F*/}div{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;/*%E6%96%87%E5%AD%97%E3%82%92%E7%B8%A6%E7%B5%84%E3%81%BF%E5%8C%96%E3%80%82%E7%B8%A6%E4%B8%AD%E6%A8%AA%E9%9D%9E%E5%AF%BE%E5%BF%9C%E3%80%82%E3%81%A8%E3%81%8D%E3%81%A9%E3%81%8D%E3%83%90%E3%82%B0%E3%82%8B*/max-height:50em!important;/*%E4%B8%80%E8%A1%8C%E3%81%AE%E6%96%87%E5%AD%97%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6*/}div#novel_hyouka{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E8%A9%95%E4%BE%A1%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#impression{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E6%84%9F%E6%83%B3%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#review{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}iframe{display:none/*%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E5%85%B1%E6%9C%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99*/}"+newline+newline;update();}function update(){try{if(!x||x.closed){ta.style.backgroundColor="#ddd";return;}x.bookmarkletStyleSheet;}catch(er){ta.style.backgroundColor="#fdc";setTimeout(update,150);dead=true;return;}if(dead){dead=false;ta.style.backgroundColor="";oldCSS=null;}if(!x.testStyles){var newSS;newSS=x.document.createElement("link");newSS.rel="stylesheet";newSS.type="text/css";x.document.getElementsByTagName("head")[0].appendChild(newSS);x.testStyles=newSS;oldCSS=null;}if(oldCSS!=ta.value){oldCSS=ta.value;if(window.opera)x.testStyles.href="javascript:unescape('"+escape(ta.value)+"')";else if(navigator.userAgent.indexOf("MSIE")!=-1)x.testStyles.href="javascript:unescape('"+escape(escape(ta.value))+"')";else x.testStyles.href="data:text/css,"+escape(ta.value);}setTimeout(update,150);}y=window.open('','','resizable,width=500,height=300');y.document.write('<title>New CSS Style Sheet</title><style>.ec { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; }</style><body class="ec"><form name="f" style="margin: 0px;" class="ec"><textarea name="ta" wrap="soft" style="margin: 0px; border: 0px; width:100%; height:100%;" class="ec"></textarea><script>'+update+init+'init();<'+'/script>');y.document.close();Z=location.href;location.href=Z+'#main_window'})()


評価をするにはログインしてください。
ブックマークに追加
ブックマーク機能を使うにはログインしてください。
― 新着の感想 ―
このエピソードに感想はまだ書かれていません。
感想一覧
+注意+

特に記載なき場合、掲載されている作品はすべてフィクションであり実在の人物・団体等とは一切関係ありません。
特に記載なき場合、掲載されている作品の著作権は作者にあります(一部作品除く)。
作者以外の方による作品の引用を超える無断転載は禁止しており、行った場合、著作権法の違反となります。