• portfolio
  • flash
  • microbe
  • go
  • blog
  • contact

back to GOSWF page

How to customize GOSWF colors?

  • get a working HTML code, similar to the folowing template:

<EMBED src="http://sites.google.com/site/yourSiteName/goswf.swf"
flashVars="nav=navColor&bg=bgColor&url=myGame.sgf"
width="440" height="600"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></EMBED>

  • now, screen-capture your site (there must be a key on your keyboard for this wink)
  • in your preferred bitmap editor (such as freewares like Paint.net or Gimp), paste your screenshot.
  • find a beautiful area of your site (this color will be used as background for player info and navigation bar in Goswf)
  • click on it using the color selector (eye dropper)
  • in Color palette, copy the Hexa code (or HTML code in Gimp) for this color (in my case:D86F1E), replace navColor in the above HTML code.
  • now, find a beautiful and brighter area of your site (this color will be used as background for texts).
  • click on it using the color selector (eye dropper)
  • in Color palette, copy the Hexa code for this color (in my case: FEDFB4), replace bgColor in the above HTML code.
  • Now you should have a HTML code similar to this:

<EMBED src="http://sites.google.com/site/yourSiteName/goswf.swf"
flashVars="nav=D86F1E&bg=FEDFB4&url=myGame.sgf""
width="440" height="600"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></EMBED>

  • That's done! With this HTML, Goswf will perfectly seem integrated and suit to your site !! rin

Example

HTML code:

<EMBED src="goswf.swf"
flashVars="nav=339900&bg=E1FFCC&url=sgf/motoki1.sgf&move=37"
width="440" height="600"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

Notes:

theme

classic

(default)

 gludion   green
nav 16AAD9 D86F1E  

339900
bg E8F3FD FEDFB4  

E1FFCC

 

  • Former "c0", "c1", "c2" color variables, are now obsolete, but c1 and c2 are still working as before. (c0 was formerly the color of navigation buttons, but I choose to display them in black in order to keep the color customization as simple as possible: now you have only 2 color to choose and it can be done very easily on any website).
  • c1=bg is the background color for text blocks (comment area, help texts)
  • c2=nav is the back ground color for navigation bar and player info area.

 

back to Tutorial list