Pixiv小説のページ飾り
by
nonnonHTN
2012-01-21 [2012/01/21 04:41:39]
Pixivの小説ページを本っぽく、というか紙っぽくする
@@ -13,7 +13,7 @@
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.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););-ms-transform:rotate(45deg);'></div></div>";
nextP.style.width='30px';
A.appendChild(nextP);
}
/*
* @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););-ms-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 です。