Create Theme English

Go To All Option Tab Select transparent if the color don't have transparent you must type it yourself






Now Go To Advance Tab ... Select All The Text Inside The Box Deleted Or Replace it With A New Codes


This Is A Simple Codes From Me For You To Play With



#xg {
background-color: transparent;
background-position: center 0px;
}
body {
background-color:/* %siteBgColor% */ #FFFFFF!important;
background-image:url(NONE); /* Replace NONE with Your Image Url http://image.here.format.gif.png.or.jpg */
background-position:Center 0px; /* left, right, and center. Or top, bottom, and center */
background-attachment:fixed; /* Scroll means that as you scroll down the page, the image "moves up" and disappears off the top of your page. Fixed means that your image stays put, in the same place */
background-repeat:repeat; /* Repeat, No-repeat, Repeat-x will repeat your image horizontally. Repeat-y will repeat your image vertically. */
}
.xg_module_head {
background-color:transparent;
background-image:url(NONE); /* Replace NONE with Your Image Url http://image.here.format.gif.png.or.jpg */
background-repeat:repeat;
margin-bottom:0em; /* header space between your module body */
border:1px outset #000000; /* set 0 if you don't want a border
8 type border dotted, dashed, solid, double, groove, ridge, inset and outset */
}
#xg { background:transparent !important; }
#xg_body { background:transparent !important; }
.xg_module {
background:url(NONE); /* Replace NONE with Your Image Url http://image.here.format.gif.png.or.jpg */
background-repeat:repeat;
border:1px outset #000000; /* set 0 if you don't want a border */
}


/* Copy All The Codes And Put Inside Your Advance Tab */







/* This Is The Standard Codes You Can Play With */

/* Codes Start From Here */
/*--------------------------------Top Bar And Footer-------------------------- */
#xn_bar,
#xg_foot {
background-color:transparent!important; /* replace transparent to change color */
}
/*--------------------------------Header Image------------------------------- */
#xg {
background:transparent !important;
}
#xg_body {
background:transparent !important;
}
#xg_head {
background: url(NONE); /* Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
background-color: transparent!important;
background-repeat: no-repeat;
background-position: center 0px;
}
/*--------------------------------Header Font------------------------------- */
#xg_masthead,
#xg_masthead a {
height: 320px; /* Space Between Header and Navigator */
min-height:120px;
color: #000000; /* Change Header Text Color Here */
}
#xg_masthead p#xg_sitename {
font-size: 350%;
font-weight: bold;
letter-spacing: -0.05em;
line-height: 120%;
padding-top: .4em;
}
#xg_masthead p#xg_sitedesc {
color: #333;
font: 120% Georgia, "Times New Roman", Times, serif;
padding-bottom: 1.5em;
}
/*-------------------------------Navigator------------------------------------- */
#xg_navigation ul li.this {
background: #3399FF url(NONE) no-repeat 0 0; /* Color When Navigator Select, Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
border:1px outset #000000; /* set 0 if you don't want a border */
}
#xg_navigation ul li a {
color: #3399FF; /* Text color On Navigator */
border:1px outset #000000; /* set 0 if you don't want a border */
}
#xg_navigation ul li a:hover {
color: #fff; /* Text Color Change When The Mouse Over It */
background: #000099 url(NONE) no-repeat 0 0; /* Remove This Item if You Don't Want a Background on Mouse Over, Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
border:1px outset #000000; /* set 0 if you don't want a border */
}
#xg_navigation ul li.this a {
color: #fff;
background: url(NONE) no-repeat right top; /* Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
border:1px outset #000000; /* set 0 if you don't want a border */
}
/*-------------------------------Sub Tab Navigator----------------------------- */
#xg_navigation ul div.xg_subtab ul li a {
color:#3399FF; /* text color on hover */
background: transparent; /* background color on hover */
background-image: url(NONE) ; /* background color on hover you can Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
}
#xg_navigation ul div.xg_subtab ul li a:hover {
color:#FFF; /* text color on active hover */
background: #000099; /* background color on active hover */
background-image:url(NONE); repeat center 0px; /* background color on active hover and Color Change When You Point The Mouse. Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
}
/*-------------------------------Body Background------------------------------- */
body {
background-color: #FFFFFF!important;
background-image:url(NONE); /* Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
background-position:Center 0px; /* left, right, and center. Or top, bottom, and center */
background-attachment:fixed; /* Scroll means that as you scroll down the page, the image "moves up" and disappears off the top of your page. Fixed means that your image stays put, in the same place */
background-repeat:repeat; /* Repeat, No-repeat, Repeat-x will repeat your image horizontally. Repeat-y will repeat your image vertically. */
}
/*------------------------------Module Header------------------------------- */
.xg_module_head {
background-color:transparent;
background-image:url(NONE); /* Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg */
background-repeat:repeat;
margin-bottom:0em; /* header space between your module body */
border:1px outset #000000; /* set 0 if you don't want a border 8 type border dotted, dashed, solid, double, groove, ridge, inset and outset */
}
/*------------------------------Module Background-------------------------------- */
.xg_module {
background:url(NONE); /* Replace NONE with Your Image Url http://imagename.here.format.gif.png.or.jpg click here if u want to use nice semi transparent bground --> Translucent */
background-color: #000000; /* type transparent if you don't want a color */
background-repeat:repeat;
border:1px outset #000000; /* set 0 if you don't want a border */
}
/*------------------------------Link Color--------------------------------------*/
body a {
color:#000099; /* Link Color */
}
body a:hover {
color:#3399FF; /* When You Point Mouse Over It The Color Change */
}
a:visited {
color : #999999; /* Link Color Appear When To Site You Already Visited */
}
/*-----------------Scrollbar work for Internet Explorer Only ----------------- */
html, body {
scrollbar-face-color:#666666;
scrollbar-highlight-color:# 000000;
scrollbar-3dlight-color:#999999;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#999999;
}
/*--------------------------------End Codes------------------------------- */


/* Copy All The Codes And Put Inside The Advanced Tab */


How To Add Image Link Inside Your Page

You can use the image link if you know how to link the image or you can sign up for free account at photobucket.com ... then upload the image there and use the direct link as show in the picture below




background-image:url(NONE); Replace NONE with Your Image Url as shown as above to make the image appear inside your page

example: background-image:url(http://myimage.photocket.gif);