Custom board picture and pieces

Hey Durian_Defense. Thanks for your help Sir, it guided me to the right path. I've managed to get a custom board and custom pieces ( with shadow ) which have increased my board vision. I managed to do this with scripts from userstyles.org. I am attaching a pic of my current setup. 



I have intentionally chosen a ' dull ' coloured board so the pieces are more ' visible '. The choice of pieces is also deliberate, they have shadows on them, which makes them really easy to notice and they ' pop ' out. I am performing good in my games with this setup. 

I have also modified the CSS so that the board is PERFECTLY aligned in the centre in focus mode. By default, it is quite on the left, if you have noticed. It used to bother me how the board was not centralized. 

If anybody needs assistance with custom board, custom pieces or with modifying the CSS element to perfectly align the board in the centre, let me know. 

Here is another picture without focus mode which demonstrates how I've managed to perfectly centralize the board - 



Notice the presence of the scroll bar at the bottom. The board is perfectly in the centre and the move browser is on the right. By default the move browser takes up central space and is distracting. 

Love the shadows!

Ok I've done the entire Sargon chess set CSS overridding.

Welcome to the Durian Defense opening with the circa 1978 design. The original SARGON from 1978 was written in assembly language by Dan and Kathleen "Kathe" Spracklen for the Z80-based Wavemate Jupiter III.

Cheers
Frankie Kam

I went the full hog and implemented the Sargon B&W original chessboard.

Cringe?

Or nostalgia?

You choose, hahahahahaha.

Regards
Frankie "Mad Scientist at work" Kam.
a.k.a, Durian_Defense

Are you able to explain this more with a tutorial? On how to customize all elements of the chessboard and if changing sound is possible I plan to do a very detailed chessboard to share with everyone and need help / directions.

I want help to make custom attack on titan pieces SanAndreas#5706 please contact me with any help !!!

tolietgod and sebastian-andreasstoica

You can use this Stylus style (script) code to customise the white and black pieces of chess.com:

/* ==UserStyle==
@name Chess.com Mayura pieces
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
/* ==UserStyle==
@name Chess.com Pieces: Chess.com Mayura pieces
@namespace USO Archive
@author jarechu
@description `Chess.com Pieces: Chess.com Mayura pieces
@version 20200830.14.55
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
@-moz-document domain("chess.com") {

/* Black pieces */

.piece.bp {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/yxGsrdN/https/7a9a11d982.png")!important;
}

.piece.bn {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/C4MgWQV/https/6760200f6c.png")!important;
}

.piece.bb {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/qAjuKDO/https/10d7bf2e17.png")!important;
}

.piece.br {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/jEHy8Al/https/ebcea97101.png")!important;
}

.piece.bk {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/kcNSS3C/https/57698e0167.png")!important;
}

.piece.bq {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/dqxnU3U/https/ec0d4d1e80.png")!important;
}

/* White pieces */

.piece.wp {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/v9dgMEg/https/056844c81d.png")!important;
}

.piece.wn {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/6d2YFWd/https/526472f842.png")!important;
}

.piece.wb {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/EyPioDu/https/ffa800a5d2.png")!important;
}

.piece.wr {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/1uAo98r/https/87ddb1e3b0.png")!important;
}

.piece.wk {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/7aNcU4B/https/1707a8cb60.png")!important;
}

.piece.wq {
background-image: url("https://images.chesscomfiles.com/proxy/i.imgur.com/w5wcpFX/https/ae4ccbd8fe.png")!important;
}

}

ChessKid uses this style 

I have hosted a competition

You have to:

1. Build a chess board and pieces
2. You all are numbered
3. chesscool123 is number 18
4. There are 31 places left!
5. Fathers and cousins acn help!
6. Build the board
7. Bulid the pawns
8. Build the rooks/towers
9. Build the knights/horses
10. Build the bishops
11. Build the two queens
12. Build the two kings
13. Paint the pieces
14. Take a pictuure
15. Done!
    Copy how I`ve done it in the chess board! 
    
     The prize is: a trophy
    £10,000
    A video on how to make it
    And Poundland will sell it!
    Good luck!

Hello,

honestly, I have no idea at all how this stylus works. But is it possible to replace all pieces by dots?

Lets say

- Black dots for the Black pieces and White dots for the White pieces or

- grey dots for all pieces or

- dots for only one side and blindfold for the other side.

It should be a super simple implement to allow users to specify image files for custom boards and pieces. A user repository would be amazing. Esspecially using SVG files, you could get nice hi-dpi friendly vector graphics for 4k and 8k monitors.

siddesh1337? Is this an OP?

Please submit petition to Dylan Rittman, demanding custom colors for board squares and pieces like chess.com variants. He will know that the movement in support of this feature is growing, and the leadership will get the memo. 

I'd love to use my own custom pieces. I hate the pixel pieces on chess.com, they're hard to see, so I made my own: 

Luckily I can use them on lichess, been finding myself playing there a lot more simply because of this 

Here is a game called ChessPlus

Faerie chess