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
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2012/01/21 04:41:39 - 2012-01-21
  2. 2012/01/21 00:26:02 - 2012-01-21
  3. 2012/01/21 00:10:16 - 2012-01-21