simplyolat For this, create two
new pages e.g site_1 and site_
2,

Now put the following code
in site 1
[Code]
<form action=":url-site-2:"
method="get"><br/>Class
Name:<br/><br /><br /
><input type='text'
name="get-n" value="zero"
size='7' /><br /><br /><br/
>Background-color:<br/
><br /><br /><input
type='text' name="get-bg"
value="zero" size='7' /><br /
><br /><br/>Text-Color:<br/
><br /><br /><input
type='text' name="get-c"
value="zero" size='7' /><br /
><br /><br/>Font style:<br/
><br /><br /><select
name="get-fst" value=""
><br /><br /><option value='
'> </option><br /><br /
><option
value='serif'>Serif</
option><br /><br /><option
value='sans-serif'>Sans-
Serif</option><br /><br /
><option
value='cursive'>Cursive</
option><br /><br /><option
value='monospace'>Monospace</
option><br /><br /></
select><br /><br /><br/
>Font-size:<br/><br /><br /
><select name="get-fs"
value="" ><option
value=''></option><br /
><br /><option value='xx-
small'>XX-Small</
option><br /><br /><option
value='x-small'>X-Small</
option><br /><br /><option
value='small'>Small</
option><br /><br /><option
value='medium' >Medium</
option><br /><br /><option
value='large'>Large</
option><br /><br /><option
value='x-large'>X-Large</
option><br /><br /><option
value='xx-large'>XX-Large</
option><br /><br /></
select><br /><br /><br/
>Border-width:<br/><br /
><br /><select name="get-
borw" value="" ><br /><br /
><option value=''></
option><br /><br /><option
value='1px'>1</option><br /
><br /><option
value='2px'>2</option><br /
><br /><option
value='3px'>3</option><br /
><br /><option
value='4px'>4</option><br /
><br /><option
value='5px'>5</option><br /
><br /><option
value='6px'>6</option><br /
><br /></select><br /><br /
><br/>Border-color:<br/
><br /><br /><input
type='text' name="get-borc"
value="" size='7' /><br/
><br /><br />Border
Style:<br/><br /><br /
><select name="get-bors"
value="" ><br /><br /
><option value=''></
option><br /><br /><option
value='dashed'>Dashed</
option><br /><br /><option
value='dotted'>Dotted</
option><br /><br /><option
value='double'>Double</
option><br /><br /><option
value='groove'>Groove</
option><br /><br /><option
value='inset'>Inset</
option><br /><br /><option
value='outset'>Outset</
option><br /><br /><option
value='ridge'>Ridge</
option><br /><br /><option
value='solid'>solid</
option><br /><br /><br /
><br /></select><br /><br /
><br /><br /><br/><input
type='submit'
value='Generate CSS' /><br /
><br /></form>[\code]

In site_2 put this code

[Code]
<form action=":url-
site-1:">Css
Generated<textarea><style
type="text/css"><br /><br /
>.:get-n:{background::get-bgbr /> ;color::get-c: ;font-style::get-
fst:;font-size::get-
fs:;border::get-borw: :get-
borc: :get-bors: ;} </
style><br />*->Css
Generator<-* <br /><br /></
textarea><br /><br /><br/
><style type="text/css"><br /
><br />.:get-nbr /> {background::get-bgbr /> ;color::get-c: ;font-style::get-
fst:;font-size::get-
fs:;border::get-borw: :get-
borc: :get-bors: ;} </
style><br /><br /><div
class=":get-n:">Css
Generator</div><br /></
form>
br />;color::get-c: ;font-style::get-
fst:;font-size::get-
fs:;border::get-borw: :get-
borc: :get-bors: ;} </
style><br />*->Css
Generator<-* <br /><br /></
textarea><br /><br /><br/
><style type="text/css"><br /
><br />.:get-nbr />{background::get-bgbr />;color::get-c: ;font-style::get-
fst:;font-size::get-
fs:;border::get-borw: :get-
borc: :get-bors: ;} </
style><br /><br /><div
class=":get-n:">Css
Generator</div><br /></
form>" size="7"/> [\code]

Here we done it,

Just change site_1 and site_2
to your own site ids.