Custom chess background - Website and board background! by exosploit

Screenshot of Custom chess background - Website and board background!

Details

Authorexosploit

LicenseNo License

CategoryChess.com

Created2 years, 1 day ago

Updated2 years, 20 hours ago

Size2.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

If you are looking to add a personal touch to your chess experience, you may be interested in customizing the board or background of the site. This can easily be accomplished by modifying the relevant code and replacing the default image link with one that points to your desired image or GIF. With this method, you can use any image or GIF as your background, regardless of its resolution.

To begin, you will need to locate the code responsible for specifying the background image or GIF. Once you have located the relevant code, you can simply replace the default image link with one that points to your desired image or GIF.

With just a few simple steps, you can add a unique and personal touch to your chess experience. Whether you prefer a static image or a dynamic GIF, the choice is yours. Have fun customizing your board and background with this simple code modification!

Notes

Thank you for considering using our plugin featuring the chrome extension Stylus, a powerful Chrome plugin that allows you to customize and enhance your browsing experience. In order to use Stylus, you will need to have the Chrome browser installed on your computer, as well as the Stylus plugin itself.

We are proud to present the official release of the chess.com custom background plugin, version 1.0. We have put a lot of time and effort into making sure that the plugin is stable, reliable, and easy to use, and we hope that you will find it to be a valuable addition to your browsing experience.

𝗖𝗵𝗮𝗻𝗴𝗲𝗹𝗼𝗴

V. 1.11
This update includes several bug fixes, including an issue that caused the forum text placeholder to be displayed as a full-sized image matching the current background. We have also addressed a problem with ads not being properly blocked and made additional color corrections. We apologize for any inconvenience these issues may have caused. Thank you for your patience as we work to improve the user experience.

V. 1.1
In this update, we have introduced ad blockers that remove both the ad and the upgrade button. Please note that in some cases, this may not function properly. We apologize for any inconvenience this may cause and assure you that we are working on addressing this issue in future updates. We would like to inform you that this feature is only compatible with the chess.com platform. Please feel free to contact us if you have any further questions or concerns. Thank you.

V. 1.01
We are pleased to announce that our latest update includes important bug fixes and improvements, including a resolution to the issue of color correction when hovering over the menu. These enhancements will provide users with a smoother and more enjoyable experience when using our application. We are committed to delivering high-quality products, and we appreciate your patience and support as we continue to make updates and improvements. Thank you for choosing us.

V. 1.0
Official release of the plugin. In this release, we have included several key features, including the ability to add custom styles to the background of chess.com, customize the appearance of the chess board. However, we are not stopping there. We are constantly working on new features and improvements, and we have several exciting developments in the pipeline.

𝗨𝗽𝗰𝗼𝗺𝗶𝗻𝗴 𝗳𝗲𝗮𝘁𝘂𝗿𝗲𝘀

Future development might have the potential for fake ratings, note that it will only be visible to you, and custom chess pieces, which would allow you to change your chess.com rating for you to trick your friends aswell as even create your own custom chess pieces. These features are still in the early stages of development, and we do not yet have a timeline for its release. However, we are excited about the possibilities it offers, and we will continue to work on it in the future.

Thank you for choosing our plugin, and please do not hesitate to contact us if you have any questions or feedback. We value your input and are always looking for ways to improve our product

Source code

/* ==UserStyle==
@name           www.chess.com - 12/12/2022, 8:11:34 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Exosploit
==/UserStyle== */
@-moz-document url-prefix("https://www.chess.com/") {

    /*Change background at row 14 and 28. Change board at row 23 and 37*/
    body {
        background-image: linear-gradient(to bottom, rgba(31, 31, 31, 0.4) 0%, rgba(31, 31, 31, 0.4) 100%),
        url(https://my4kwallpapers.com/wp-content/uploads/2021/09/Sunset-Wallpaper.jpg);
        /*CHANGE THIS URL FOR CUSTOM BACKGROUND!*/
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
    }

    .board {
        background: url("https://cdn.discordapp.com/attachments/601445157606260756/1051946615574888448/chesst21.png") 0 0 / 100% 100% no-repeat!important;
        /*CHANGE THIS URL FOR CUSTOM BOARD BACKGROUND! (DEFAULT TRANSPARENT WHITE)*/
    }

    .nav-panel-shade {
        background-image: linear-gradient(to bottom, rgba(8, 8, 8, 0.49) 0%, rgba(8, 8, 8, 0.49) 100%), url(https://my4kwallpapers.com/wp-content/uploads/2021/09/Sunset-Wallpaper.jpg);
        /*CHANGE THIS URL FOR CUSTOM BACKGROUND!*/
        background-position: 0px;
        background-size: cover;
        background-attachment: fixed;
    }
}
.settings-themes-theme-preview settings-themes-default-theme {
    background-image: url("https://cdn.discordapp.com/attachments/601445157606260756/1051946615574888448/chesst21.png") !important;
    /*CHANGE THIS URL FOR CUSTOM BOARD BACKGROUND! (DEFAULT TRANSPARENT WHITE)*/
}

body:after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://images.chesscomfiles.com/proxy/cefl4u.org/chess/gifs/stream/https/625d800d3e.gif") !important;
    color: #EEE;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center center;
}

.mce-content-body {
    background: transparent;
}

/* ADBLOCK */
.ns-ud25z-l-square ns-ud25z-v-0 {
    display: none;
}

.short-sidebar-ad-iframe {
    display: none;
}

.placeholder-ad-upgrade {
    display: none;
}

.amp-animate {
    display: none;
}

.content-ad-content {
    display: none;
}

.ad {
    display: none;
}

.sidebar-ad {
    display: none;
}

.jar {
    display: none;
}

.upo-label {
    display: none;
}

#adframe {
    display: none;
}

/* Zoom */
.game-preview-component {
    zoom: /*[[prev_scale]]*/;
}

.game-preview-piece {
    zoom: /*[[prev_scale]]*/;
}

.engine-line-preview::before {
    left: 80px;
}

Reviews

No reviews yet.