☰

Greasy Fork is available in English.

my csdn layout

try to change csdn css!

  1. // ==UserScript==
  2. // @name         my csdn layout
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  try to change csdn css!
  6. // @author       bo.zou
  7. // @match        https://blog.csdn.net/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=csdn.net
  9. // @grant        none
  10. // @license MIT
  11. // @connect      *
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.  
  18.  
  19.     // Your code here...
  20.    toHandle()
  21.  
  22.     function toHandle() {
  23.         var toDeleteElementClass = [ 'toolbar-inside','more-toolbox-new','blog_container_aside','recommend-right_aside','recommendAdBox','csdn-side-toolbar','recommendAdBox','csdn-side-toolbar', 'article-info-box',
  24.                               'column-group', 'recommendNps', 'copyright-box', , 'recommend-nps-box', 'template-box', 'blog-footer-bottom', 'csdn-toolbar']
  25.  
  26.         for (const e of toDeleteElementClass) {
  27.             deleteElement(e)
  28.         }
  29.  
  30.         var toClickButtonClass = ['look-more-preCode', 'look-more-preCode']
  31.         for (const e of toClickButtonClass) {
  32.             clickButton(e)
  33.         }
  34.         scroll(-100,0)
  35.         fullScreen()
  36.  
  37.     }
  38.  
  39.  
  40.  
  41.  
  42.     // Your function here...
  43.     function deleteElement(className){
  44.         var nodes = document.getElementsByClassName(className);
  45.         if (nodes && nodes[0] && nodes[0].style) {
  46.  
  47.             nodes[0].setAttribute('style', 'display: none !important');
  48.             nodes[0].parentNode.removeChild(nodes[0]);
  49.             // nodes[0].style.width = 0;
  50.         }
  51.     }
  52.     function clickButton(className){
  53.         var nodes = document.getElementsByClassName(className);
  54.         if (nodes && nodes[0]) {
  55.             for (const node of nodes) {
  56.                node.click()
  57.             }
  58.         }
  59.     }
  60.  
  61.     function fullScreen() {
  62.         let nodes = document.getElementsByClassName('container');
  63.         if (nodes && nodes[0] && nodes[0].style) {
  64.             nodes[0].setAttribute('style', `width: ${(document.documentElement.clientWidth)/1.6}px !important`);
  65.         }
  66.  
  67.         var changeSizeElement = ['blog-content-box', 'recommend-box', 'comment-box', 'second-recommend-box', 'recommend-item-box', 'content-box']
  68.         for (const e of changeSizeElement) {
  69.             let nodes = document.getElementsByClassName(e);
  70.             if (nodes && nodes[0] && nodes[0].style) {
  71.                 for (const node of nodes){
  72.                     node.setAttribute('style', `width: ${document.documentElement.clientWidth*2/3}px !important`);
  73.                 }
  74.  
  75.  
  76.             }
  77.         }
  78.  
  79.  
  80.     }
  81. })();