您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Easily Customizable Character Renders and Custom Scrollbar for MyAnimeList
当前为
- /* ==UserStyle==
- @name MAL-Character Renders in the Side + Custom Scrollbar
- @version 2.0.0
- @description Easily Customizable Character Renders and Custom Scrollbar for MyAnimeList
- @namespace jery_js
- @author Jery
- @preprocessor uso
- // This CSS script is meant to be used using "stylus" extension. Other extensions haven't been tested yet.
- // My MAL Profile - https://myanimelist.net/profile/jery_js
- @var select switch-characters "Switch Characters."{
- "Rem & Ram": `
- :root {
- --char1: url(https://i.imgur.com/3CKtjS4.png);
- --char2: url(https://i.imgur.com/gs8GGr3.png);
- --x1: -180px; --y1: -1px;
- --x2: 1045px; --y2: -15px;
- }`,
- "Naruto & Sasuke": `
- :root {
- --char1: url(https://i.imgur.com/BpWggaF.jpg);
- --char2: url(https://i.imgur.com/BpWggaF.jpg);
- --x1: -50px; --y1: -15px;
- --x2: 970px; --y2: -15px;
- }`,
- "Custom Character": `
- :root {
- --char1: var(--cstm-1);
- --char2: var(--cstm-1);
- --x1: -50px; --y1: -15px;
- --x2: 970px; --y2: -15px;
- }`
- }
- @var select scrollbar "Custom Scrollbar."{
- "on":`
- :root {
- --clr1: #004dff;
- --clr1-dim: #004dff9e;
- --clr2: #444;
- --rad: 6px;
- --bwv: 0px 2px;
- --bwh: 2px 0px;
- }`,
- "off":`
- :root {
- --clr1: #cecece;
- --clr1-dim: #a7a7a7;
- --clr2: #f0f0f0;
- --rad: 0px;
- --bwv: 0px 0px;
- --bwh: 0px 0px;
- }`
- }
- ==/UserStyle== */
- @-moz-document domain("myanimelist.net") {
- /* CUSTOM CHARACTERS - add your own characters (Optional) */
- :root{
- --cstm-1: url(); /* paste the link to ur 1st character inside the brackets after "url" */
- --cstm-2: url(); /* paste the link to ur 2nd character inside the brackets after "url" */
- /* Supported formats - (.png/.jpg/.webp/.gif) */
- }
- /* Side Renders */
- body:not(.ownlist):not(.ownlist_style_theme) {
- background-color: white;
- background-image: var(--char1), var(--char2);
- background-position-x: var(--x1), var(--x2);
- background-position-y: var(--y1), var(--y2);
- min-height: 100%;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: auto 105%;
- }
- /*[[switch-characters]]*/
- /* Border */
- body.page-common #myanimelist {
- border: groove #2e51a2 3px;
- border-top-width: 0px;
- }
- }
- @-moz-document domain("myanimelist.net") {
- /* CUSTOM SCROLLBAR */
- /* Firefox */
- * {
- scrollbar-color: var(--clr1) var(--clr2);
- }
- /* Chrome */
- body:not(.ownlist)::-webkit-scrollbar {
- background: var(--clr2);
- }
- body:not(.ownlist)::-webkit-scrollbar-button:vertical {
- background: transparent center / 10px auto no-repeat;
- }
- body:not(.ownlist)::-webkit-scrollbar-button:vertical:start {
- background-image: url(https://i.imgur.com/Cu2u9Hu.png);
- }
- body:not(.ownlist)::-webkit-scrollbar-button:vertical:end {
- background-image: url(https://i.imgur.com/0YI7VxA.png);
- }
- body:not(.ownlist)::-webkit-scrollbar-button:horizontal {
- background: transparent center / auto 10px no-repeat;
- }
- body:not(.ownlist)::-webkit-scrollbar-button:horizontal:start {
- background-image: url(https://i.imgur.com/BArw1oI.png);
- }
- body:not(.ownlist)::-webkit-scrollbar-button:horizontal:end {
- background-image: url(https://i.imgur.com/vqOtoms.png);
- }
- body:not(.ownlist)::-webkit-scrollbar-corner {
- background: var(--clr2);
- }
- body:not(.ownlist)::-webkit-scrollbar-thumb {
- background: var(--clr1) content-box;
- border: 0 solid transparent;
- border-radius: var(--rad);
- }
- body:not(.ownlist)::-webkit-scrollbar-thumb:vertical {
- border-width: var(--bwv);
- }
- body:not(.ownlist)::-webkit-scrollbar-thumb:horizontal {
- border-width: var(--bwh);
- }
- body:not(.ownlist)::-webkit-scrollbar-thumb:hover {
- background-color: var(--clr1-dim);
- }
- body:not(.ownlist)::-webkit-scrollbar-track {
- width: 5px;
- }
- /*------------------------E-N-D-*/
- /*[[scrollbar]]*/
- }
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址