Life In 19x19
http://www.lifein19x19.com/

How to change Eidogo's color scheme?
http://www.lifein19x19.com/viewtopic.php?f=10&t=7545		 Page 1 of 1
Author:  macelee [ Wed Jan 02, 2013 3:11 am ]
Post subject:  How to change Eidogo's color scheme?
I am setting up a Eidogo player as an alternative to my outdated Java applet Go board on Go4Go.net. Eidogo itself is easy enough to set up but I find its style sheet file very complex. Does anyone know how to customize the color scheme in use? In particular I want to change the color surrounding the board. Thanks in advance.
Author:  Kanin [ Wed Jan 02, 2013 7:27 am ]
Post subject:  Re: How to change Eidogo's color scheme?
Hi, if you use Chrome you can right-click on the Eidogo-player (or a specific part of it, like the part surrounding the board) and select "inspect element". This opens up a box which displays the code for that specific element. On the right side you will find the color of the element displayed in a tiny little box. You can click on it and change to whatever color you want and it will immediately implement the change in that Chrome window, which makes for a handy preview.

Maybe other browsers have a similar function.
Author:  HermanHiddema [ Wed Jan 02, 2013 7:34 am ]
Post subject:  Re: How to change Eidogo's color scheme?
In this case, the css in question is in player.css:

.eidogo-player .board-gutter.with-coords {
background: url("../images/board-bg-coords.png") no-repeat scroll 5px 5px #665544;
}

change the #665544 to a color that suits you.
Author:  macelee [ Wed Jan 02, 2013 7:59 am ]
Post subject:  Re: How to change Eidogo's color scheme?
Thanks that is a very elegant solution. The relevant element is called '.eidogo-player .board-gutter' which I would otherwise never pay attention to without your help. I have to admit the default color scheme is very well designed. It won't be easy to change.
Author:  Alguien [ Wed Jan 02, 2013 8:00 am ]
Post subject:  Re: How to change Eidogo's color scheme?
I suggest #FF00FF.
Author:  macelee [ Wed Jan 02, 2013 8:01 am ]
Post subject:  Re: How to change Eidogo's color scheme?
HermanHiddema wrote:
In this case, the css in question is in player.css:

.eidogo-player .board-gutter.with-coords {
background: url("../images/board-bg-coords.png") no-repeat scroll 5px 5px #665544;
}

change the #665544 to a color that suits you.


Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.
Author:  Alguien [ Wed Jan 02, 2013 8:39 am ]
Post subject:  Re: How to change Eidogo's color scheme?
macelee wrote:
Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.


No. The image is only for the coordinates and you'd want those anyway.

You can see the parts that are images here.
Author:  HermanHiddema [ Wed Jan 02, 2013 9:02 am ]
Post subject:  Re: How to change Eidogo's color scheme?
Alguien wrote:
macelee wrote:
Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.


No. The image is only for the coordinates and you'd want those anyway.

You can see the parts that are images here.


The board is an image too. That's also why eidogo does not support sizes other than 9x9, 13x13 and 19x19.
Author:  macelee [ Wed Jan 02, 2013 9:13 am ]
Post subject:  Re: How to change Eidogo's color scheme?
HermanHiddema wrote:
The board is an image too. That's also why eidogo does not support sizes other than 9x9, 13x13 and 19x19.


That why I say 'a lot of work' because one needs to find a nice-looking wood background of exactly the same size and needs to draw lines on it.
Author:  HermanHiddema [ Wed Jan 02, 2013 9:15 am ]
Post subject:  Re: How to change Eidogo's color scheme?
You can change the css background image from board-19-simple.gif to board-19.gif to get a wood background, if you want. (this does not work for 9x9 and 13x13)
Author:  macelee [ Wed Jan 02, 2013 10:45 am ]
Post subject:  Re: How to change Eidogo's color scheme?
Thanks for all your replies. I will for the moment keeping using the default color scheme and keep experimenting on my development system.

On Go4Go, Eidogo board is now up and running. Try today's latest game:

http://www.go4go.net/go/games/sgfview/31428

Visitors can keep using the old Java applet or the new board and the system will remember user preference.
Page 1 of 1 All times are UTC - 8 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/