It is currently Sun May 04, 2025 3:07 am

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 11 posts ] 
Author Message
Offline
 Post subject: How to change Eidogo's color scheme?
Post #1 Posted: Wed Jan 02, 2013 3:11 am 
Lives in sente

Posts: 928
Location: UK
Liked others: 72
Was liked: 480
Rank: 5 dan
KGS: macelee
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #2 Posted: Wed Jan 02, 2013 7:27 am 
Dies in gote

Posts: 57
Liked others: 34
Was liked: 21
Rank: EGF 4d
DGS: XiaoTuzi
Universal go server handle: Kanin
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #3 Posted: Wed Jan 02, 2013 7:34 am 
Gosei
User avatar

Posts: 2011
Location: Groningen, NL
Liked others: 202
Was liked: 1087
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #4 Posted: Wed Jan 02, 2013 7:59 am 
Lives in sente

Posts: 928
Location: UK
Liked others: 72
Was liked: 480
Rank: 5 dan
KGS: macelee
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #5 Posted: Wed Jan 02, 2013 8:00 am 
Lives in gote

Posts: 628
Liked others: 45
Was liked: 98
Rank: KGS 3k
Universal go server handle: Alguien
I suggest #FF00FF.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #6 Posted: Wed Jan 02, 2013 8:01 am 
Lives in sente

Posts: 928
Location: UK
Liked others: 72
Was liked: 480
Rank: 5 dan
KGS: macelee
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #7 Posted: Wed Jan 02, 2013 8:39 am 
Lives in gote

Posts: 628
Liked others: 45
Was liked: 98
Rank: KGS 3k
Universal go server handle: Alguien
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #8 Posted: Wed Jan 02, 2013 9:02 am 
Gosei
User avatar

Posts: 2011
Location: Groningen, NL
Liked others: 202
Was liked: 1087
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #9 Posted: Wed Jan 02, 2013 9:13 am 
Lives in sente

Posts: 928
Location: UK
Liked others: 72
Was liked: 480
Rank: 5 dan
KGS: macelee
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.

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #10 Posted: Wed Jan 02, 2013 9:15 am 
Gosei
User avatar

Posts: 2011
Location: Groningen, NL
Liked others: 202
Was liked: 1087
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
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)

Top
 Profile  
 
Offline
 Post subject: Re: How to change Eidogo's color scheme?
Post #11 Posted: Wed Jan 02, 2013 10:45 am 
Lives in sente

Posts: 928
Location: UK
Liked others: 72
Was liked: 480
Rank: 5 dan
KGS: macelee
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.

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: Bing [Bot] and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group