🏠 Home 

Pixiv Additional Navigator

Add navigation menu.


Installer dette script?
// ==UserScript==
// @name         Pixiv Additional Navigator
// @name:ja      Pixiv Additional Navigator
// @namespace    https://greasyfork.org/ja/users/166153-hac
// @version      1.1.1
// @description  Add navigation menu.
// @description:ja Pixivにナビゲーションメニューを追加して作品一覧やブックマークへのアクセスをよくします。2019年末のPixivのUI改変にキレて作りました。
// @author       HAC
// @match        https://www.pixiv.net/*
// @grant        none
// @license      MIT License
// @noframes
// ==/UserScript==
{
'use strict';
const userstyle = `
#additional_navigator {
margin: 4px auto 0;
padding: 0;
width: 970px;
display: flex;
list-style: none;
border-bottom: 1px solid #e4e7ee;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
#additional_navigator > li {
border-radius: 5px 5px 0 0;
background-color: #fbfbfb;
flex-grow: 1;
}
#additional_navigator > li:not(:last-child) {
border-right: 1px solid #e4e7ee;
}
#additional_navigator > li > a {
display: block;
text-align: center;
font-size: 14px;
line-height: 32px;
color: #258fb8;
text-decoration: none;
}
#additional_navigator > li > a:hover {
background: #f2f4f6;
text-decoration: none;
}
#header-banner.spa {
margin-top: 32px;
}
`;
const head = document.getElementsByTagName('head')[0];
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = userstyle;
head.appendChild(style);
const textArray = [
{title: 'トップ', url: '/'},
{title: '作品管理', url: '/manage/illusts/'},
{title: 'ブックマーク', url: '/bookmark.php'},
{title: '非公開ブックマーク', url: '/bookmark.php?rest=hide'},
{title: '閲覧履歴', url: '/history.php'},
{title: 'しおり', url: '/novel/marker_all.php'},
{title: '設定', url: '/setting_user.php'}
];
const ul = document.createElement('ul');
ul.id = 'additional_navigator';
textArray.forEach(({title, url}) => {
const a = document.createElement('a');
const li = document.createElement('li');
a.append(title);
a.href = url;
li.append(a);
ul.append(li);
});
const wrapper = document.body.prepend(ul);
}