- Blind mode tutorial
lichess.org
Donate

Embedding Lichess

Hi all! I have embedded lichess here (just Puzzle of day, Lichess Top Games, One of my games and
2020 Skilling Open Finals- Day 2)

Hi all! I have embedded lichess here (just Puzzle of day, Lichess Top Games, One of my games and 2020 Skilling Open Finals- Day 2)

@Jay1210 That's like saying: "Hey guys, check out this website I made by copy pasting another site's open source code!"

@Jay1210 That's like saying: "Hey guys, check out this website I made by copy pasting another site's open source code!"

@Jay1210 ,sorry I'm a bit late but
That's cool :D
It's nice to see people coding more because alot of people think it's extremely complicated but it's not as much as they think :)
I don't know do you but you can change the board colour and I think even the peice set on your embed!
In the link that you used, it says
Parameters:

theme: blue, blue2, blue3, blue-marble, canvas, wood, wood2, wood3, wood4, maple, maple2, brown, leather, green, marble, green-plastic, grey, metal, olive, newspaper, purple, purple-diag, pink, ic
bg: light, dark

These are the supported colours that you can use.
To add them you change the link (for example the Lichess TV one)

<iframe src="https://lichess.org/tv/frame?theme=wood&bg=dark" style="width: 400px; height: 444px;" allowtransparency="true" frameborder="0"></iframe>

Change. ?theme=wood&bg=dark to the desired colour so let's say you wanted a maple board with light theme change
?theme=wood&bg=dark
To
?theme=maple&bg=light

So it would be
<iframe src="https://lichess.org/tv/frame?theme=maple&bg=light" style="width: 400px; height: 444px;" allowtransparency="true" frameborder="0"></iframe>

You could try embedding this link and you will see the difference!
You can also change the height,
You see where it says
"width: 400px; height: 444px;"
That's changing the size (px stands for pixels)
I wouldn't change it though, it can go wrong so I'd just leave it unless your having problems with the size.
Finally, there's
allowtransparency="true"
It means basically what it says, whether to allow transperency or not. The two options are True and false and again, I'd just leave these or it might interfere.

I just though I'd tell you what I knew, you might already know it :)

Ps: To make it completely clear, the
Parameters:

theme: blue, blue2, blue3, blue-marble, canvas, wood, wood2, wood3, wood4, maple, maple2, brown, leather, green, marble, green-plastic, grey, metal, olive, newspaper, purple, purple-diag, pink, ic
bg: light, dark
Is a list of themes you can change it to, others won't work.

@Jay1210 ,sorry I'm a bit late but That's cool :D It's nice to see people coding more because alot of people think it's extremely complicated but it's not as much as they think :) I don't know do you but you can change the board colour and I think even the peice set on your embed! In the link that you used, it says Parameters: theme: blue, blue2, blue3, blue-marble, canvas, wood, wood2, wood3, wood4, maple, maple2, brown, leather, green, marble, green-plastic, grey, metal, olive, newspaper, purple, purple-diag, pink, ic bg: light, dark These are the supported colours that you can use. To add them you change the link (for example the Lichess TV one) <iframe src="https://lichess.org/tv/frame?theme=wood&bg=dark" style="width: 400px; height: 444px;" allowtransparency="true" frameborder="0"></iframe> Change. ?theme=wood&bg=dark to the desired colour so let's say you wanted a maple board with light theme change ?theme=wood&bg=dark To ?theme=maple&bg=light So it would be <iframe src="https://lichess.org/tv/frame?theme=maple&bg=light" style="width: 400px; height: 444px;" allowtransparency="true" frameborder="0"></iframe> You could try embedding this link and you will see the difference! You can also change the height, You see where it says "width: 400px; height: 444px;" That's changing the size (px stands for pixels) I wouldn't change it though, it can go wrong so I'd just leave it unless your having problems with the size. Finally, there's allowtransparency="true" It means basically what it says, whether to allow transperency or not. The two options are True and false and again, I'd just leave these or it might interfere. I just though I'd tell you what I knew, you might already know it :) Ps: To make it completely clear, the Parameters: theme: blue, blue2, blue3, blue-marble, canvas, wood, wood2, wood3, wood4, maple, maple2, brown, leather, green, marble, green-plastic, grey, metal, olive, newspaper, purple, purple-diag, pink, ic bg: light, dark Is a list of themes you can change it to, others won't work.

This topic has been archived and can no longer be replied to.