Pixiv小説のページ飾り

by nonnonHTN 2012-01-21 [2012/01/21 04:41:39]

Pixivの小説ページを本っぽく、というか紙っぽくする

@@ -1,9 +1,21 @@
 /*
- * @title bookmarklet
- * @description my bookmarklet
- * @include http://*
+ * @title Pixiv小説のページ飾り
+ * @description Pixivの小説ページを本っぽく、というか紙っぽくする
+ * @include http://*.pixiv.net/
  * @license MIT License
- * @require jQuery
  */
-function%20o(){var%20A=document.getElementById('preview_area');A.style.boxShadow="2px 2px 10px #000";A.style.margin='15px';A.style.position="relative";if(!document.getElementById('x_nextP')){var%20nextP=document.createElement('div');nextP.id='x_nextP';;nextP.innerHTML="<div%20onclick='javascript:page_next();'%20style='margin:0px;padding:0px;border:40px%20solid%20#000;width:0;height:0;border-color:transparent;border-bottom-color:#f0f0f0;border-right-color:#f0f0f0;position:absolute;bottom:0%;right:0%;'></div><div%20id='hoge'%20style='margin:0px;padding:0px;border:1px%20solid%20#000;width:88px;height:79px;border-color:transparent;border-right-color:#ccc;position:absolute;-webkit-border-radius:20px%2020px%2020px%2020px%20/%2080px%2080px%2080px%2060px;bottom:-5px;right:75px;'></div><div%20id='hoge'%20style='margin:0px;padding:0px;border:1px%20solid%20#000;width:78px;height:88px;border-color:transparent;border-bottom-color:#ccc;position:absolute;-webkit-border-radius:80px%2080px%20180px%200px%20/%2020px%2020px%2026px%2020px;bottom:70px;right:0px;'></div><div%20id='hoge'%20style='margin:0px;padding:0px;border:1px%20solid%20#ddd;border-width:0px%200px%200px%201px;width:0;height:112px;box-shadow:0px%200px%2020px%20#000;-moz-box-shadow:0px%200px%2020px%20#000;-webkit-box-shadow:0px%200px%2020px%20#000;position:absolute;bottom:-16px;right:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);'></div></div>";nextP.style.width='30px';A.appendChild(nextP);;}}o();}
-
+function o()
+{
+	var A=document.getElementById('preview_area');
+	A.style.boxShadow="2px 2px 10px #000";
+	A.style.margin='15px';
+	A.style.position="relative";
+	if(!document.getElementById('x_nextP'))
+	{
+		var nextP=document.createElement('div');nextP.id='x_nextP';
+		nextP.innerHTML="<div onclick='javascript:page_next();'	style='margin:0px;padding:0px;border:40px solid #000;width:0;height:0;border-color:transparent;border-bottom-color:#f0f0f0;border-right-color:#f0f0f0;position:absolute;bottom:0%;right:0%;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #000;width:88px;height:79px;border-color:transparent;border-right-color:#ccc;position:absolute;border-radius:20px 20px 20px 20px / 80px 80px 80px 60px;bottom:-5px;right:75px;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #000;width:78px;height:88px;border-color:transparent;border-bottom-color:#ccc;position:absolute;border-radius:80px 80px 180px 0px / 20px 20px 26px 20px;bottom:70px;right:0px;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #ddd;border-width:0px 0px 0px 1px;width:0;height:112px;box-shadow:0px 0px 20px #000;position:absolute;bottom:-16px;right:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);'></div></div>";
+		nextP.style.width='30px';
+		A.appendChild(nextP);
+	}
+}
+o();

• /*
   * @title Pixiv小説のページ飾り
   * @description Pixivの小説ページを本っぽく、というか紙っぽくする
   * @include http://*.pixiv.net/
   * @license MIT License
   */
  function o()
  {
  	var A=document.getElementById('preview_area');
  	A.style.boxShadow="2px 2px 10px #000";
  	A.style.margin='15px';
  	A.style.position="relative";
  	if(!document.getElementById('x_nextP'))
  	{
  		var nextP=document.createElement('div');nextP.id='x_nextP';
  		nextP.innerHTML="<div onclick='javascript:page_next();'	style='margin:0px;padding:0px;border:40px solid #000;width:0;height:0;border-color:transparent;border-bottom-color:#f0f0f0;border-right-color:#f0f0f0;position:absolute;bottom:0%;right:0%;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #000;width:88px;height:79px;border-color:transparent;border-right-color:#ccc;position:absolute;border-radius:20px 20px 20px 20px / 80px 80px 80px 60px;bottom:-5px;right:75px;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #000;width:78px;height:88px;border-color:transparent;border-bottom-color:#ccc;position:absolute;border-radius:80px 80px 180px 0px / 20px 20px 26px 20px;bottom:70px;right:0px;'></div><div id='hoge' style='margin:0px;padding:0px;border:1px solid #ddd;border-width:0px 0px 0px 1px;width:0;height:112px;box-shadow:0px 0px 20px #000;position:absolute;bottom:-16px;right:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);'></div></div>";
  		nextP.style.width='30px';
  		A.appendChild(nextP);
  	}
  }
  o();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。