☰

Fur Affinity Test UI Homepage

Original concept art by Mailylion. Replaces the landing page with a new theme.

  1. // ==UserScript==
  2. // @name         Fur Affinity Test UI Homepage
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.6
  5. // @description  Original concept art by Mailylion. Replaces the landing page with a new theme.
  6. // @author       ItsNix (https://www.furaffinity.net/user/itsnix/)
  7. // @match        https://www.furaffinity.net/
  8. // @grant        none
  9. // @run-at       document-end
  10. // @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     var st = document.createElement('link');
  17.     $(st).attr('href', 'https://fonts.googleapis.com/icon?family=Material+Icons');
  18.     $(st).attr('rel', 'stylesheet');
  19.     document.getElementsByTagName('head')[0].appendChild(st);
  20.  
  21.     var sections = $('.section-divider');
  22.     $('<i class="material-icons">&#xE43C;</i>').prependTo($(sections[0]).children('h2'));
  23.     $('<i class="material-icons">&#xE865;</i>').prependTo($(sections[1]).children('h2'));
  24.     $('<i class="material-icons">&#xE030;</i>').prependTo($(sections[2]).children('h2'));
  25.     $('<i class="material-icons">&#xE91D;</i>').prependTo($(sections[3]).children('h2'));
  26.     $(sections[3]).attr('style', 'padding-bottom: 60px;');
  27.     $.each(sections, function(i) {
  28.         $(sections[i]).children('h2').addClass('nix-header');
  29.         $(sections[i]).children('div').addClass('nix-content');
  30.     });
  31.  
  32.     var stories = $($('div.nix-content')[1]).children().children().children()
  33.         .children().children().children('img[width=50][height=50]');
  34.     stories.attr('src', 'https://i.imgur.com/pfRQMJa.png');
  35.     stories.attr('height', 113);
  36.     stories.attr('width', 113);
  37.  
  38.     var music = $($('div.nix-content')[2]).children().children().children()
  39.         .children().children().children('img[width=50][height=50]');
  40.     music.attr('src', 'https://i.imgur.com/qlPp13W.png');
  41.     music.attr('height', 113);
  42.     music.attr('width', 113);
  43.  
  44.     $('<div id="nix-footer" class="p10"><div class="nix-footerleft"></div><div class="nix-footerright"></div></div>')
  45.         .prependTo('#footer');
  46.     var logo = $('img.falogo');
  47.     logo.appendTo('.nix-footerleft');
  48.     $('<br/><span id="nix-footertext"></span>').appendTo('.nix-footerleft');
  49.     $('#footer').children('div.p10t').children('strong').appendTo('#nix-footertext');
  50.     $('.ads').appendTo('.nix-footerright');
  51.     $('<br/>').appendTo('.nix-footerleft');
  52.     $('.online-stats').appendTo('.nix-footerleft');
  53.     $(' \\| ').appendTo('#nix-footertext');
  54.     $('#footer').children('div.p10t').children().appendTo('#nix-footertext');
  55.     $('#footer').children('.p10t').remove();
  56.  
  57.     var submissions = $('#my-username').parent().next();
  58.     if ($.trim( submissions.text()) === '') { submissions.html('<span style="color: #AAA;">No New Activity</span>'); }
  59.     else { submissions.html('<span style="color: #fda936;">' + submissions.html() + '</span>'); }
  60.     $('#my-username').remove();
  61.     $('#my-username').removeClass('top-heading');
  62.     $('#my-username').parent().children('i').remove();
  63.     var userarea = $('#my-username').parent().next();
  64.     $('<br/>').prependTo(userarea);
  65.     $('#my-username').prependTo(userarea);
  66.     $('<br/>').appendTo(userarea);
  67.     userarea.next().children().removeClass('top-heading');
  68.     userarea.next().children().appendTo(userarea);
  69.     userarea.next().remove();
  70.     userarea.attr('style', 'line-height: 25px;');
  71.  
  72.     var sfw = userarea.next();
  73.     sfw.children('a').html('<i class="material-icons">&#xE8F9;</i>');
  74.     sfw.attr('style', 'padding: 0 0px !important;');
  75.     var logout = sfw.next();
  76.     logout.children('span').children('a').html('<i class="material-icons">&#xE879;</i>');
  77.     logout.attr('style', 'padding: 0 0px !important; margin-right: 30px;');
  78.  
  79.     if ($('#news').text() !== "") {
  80.         $('<i class="nix-alert material-icons">priority_high</i><div class="nix-news"></div>').insertAfter('ul');
  81.         $('.nix-news').html($('#news').html());
  82.         $('.nix-news').addClass($('#news').attr('class'));
  83.         $('#news').attr('style', 'display: none;');
  84.         $('<img style="float:right; margin-left: 15px; margin-top: 3px;" class="dismissreplacement" title="Dismiss" src="https://i.imgur.com/f1SmwHW.png" width="24px">')
  85.             .insertAfter('img.dismiss');
  86.         $('img.dismissreplacement').attr('onclick', `document.getElementsByClassName("nix-news")[0].style.display = 'none';
  87.             document.getElementsByClassName("nix-alert")[0].style.display = 'none';
  88.             document.getElementsByClassName("dismiss")[1].click();`);
  89.         $('img.dismissreplacement').attr('src', 'https://i.imgur.com/f1SmwHW.png');
  90.         $('img.dismissreplacement').attr('style', 'width: 24px; margin-left: 10px; margin-top: 3px; float:right; margin-right: 10px;');
  91.     }
  92.  
  93.     var jq = document.createElement('style');
  94.     var newContent = document.createTextNode(`
  95.         #ddmenu ul { background-color: #272727; padding-top: 10px; padding-bottom: 10px; height: 80px; }
  96.         #ddmenu ul li { text-align: left; }
  97.         #ddmenu .top-heading { margin-left: 10px; }
  98.         #ddmenu, .border-bot { border-bottom: none; }
  99.         #ddmenu .menubar_icon_resize { max-height: 60px!important; padding-top: 10px; }
  100.         #ddmenu .nav-bar-logo { padding-left: 20px; max-height: 55px; padding-top: 15px; }
  101.         #searchbox input[type=search] { background-color: #272727; }
  102.         #ddmenu .menubar_icon_resize { padding-right: 0px; margin-right: -10px; }
  103.         .section-divider { background-color: #323232; margin-top: 20px; padding-left: 0; padding-right: 0; }
  104.         html, body, .submission-area, .frontpage-content { background-color: #323232; }
  105.         #footer { border-top: 3px solid #969696; background-color: #272727; }
  106.         .falogo { padding-bottom: 10px; }
  107.         #nix-footer { height: 200px; padding-top: 30px; }
  108.         .nix-header {
  109.                 display: inline; margin-left: 40px; margin-bottom: 5px; line-height: 32px;
  110.                 color: #000; text-transform: uppercase; font-size: 14pt; font-weight: 500;
  111.                 background-color: #fda936; padding: 15px 25px 4px 25px; }
  112.         .nix-content { border-top: 3px solid #969696; background-color: #272727; }
  113.         .nix-footerleft { float: left; text-align: left; }
  114.         .nix-footerright { float: right; text-align: right; }
  115.         .online-stats, #nix-footertext { text-align: left; padding-left: 50px; }
  116.         .material-icons { top: 4px; margin-right: 10px;  position: relative; }
  117.         center.flow.frontpage.twolines { margin-top: 30px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; }
  118.         center.flow.frontpage.threelines { margin-top: 30px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; }
  119.         @media (min-width: 481px) {
  120.             .nix-news {
  121.                 float: left; top: -45px; position: relative; left: 170px; z-index: 999999; background-color: #fda936;
  122.                 color: #000; font-weight: 600; line-height: 30px;padding-left: 20px;
  123.             }
  124.             .nix-news > a { color: #000; }
  125.             .nix-alert { position: relative; float: left; top: -43px; z-index: 999999; left: 180px; }
  126.             .dismissreplacement { cursor: pointer; }
  127.             img.dismiss { display: none; }
  128.         }
  129.         @media screen and (max-width: 480px) {
  130.             .nix-alert { display: none; }
  131.             img.dismissreplacement { display: none; }
  132.         }
  133.     `);
  134.     jq.appendChild(newContent);
  135.     document.getElementsByTagName('body')[0].appendChild(jq);
  136. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址