Buat Theme Sendiri

Pegi pada All Option Tab pilih transparent kalau tak ada transparent ... anda kena taip sendiri transparent dalam kotak codes warna






Sekarang Click Advance Tab seperti yg tertera dalam gambar padam semua tulisan dalam kotak ini atau anda boleh terus gantikan terus dgn codes baru


Di bawah ini adalah codes paling senang utk kamu bermain atau menghiasi.



#xg {
background-color: transparent;
background-position: center 0px;
}
body {
background-color:/* %siteBgColor% */ #FFFFFF!important;
background-image:url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-position:Center 0px; /* sila pilih antara left, right, and center. Or top bottom, and center */
background-attachment:fixed; /* Scroll bermakna bila page kita kebawah gambar akan naik ke atas dan hilang dari page ... Fixed bermakna gambar tidak akan bergerak alau pun kita dah scroll page kita ke bawah */
background-repeat:repeat; /* Repeat, No-repeat, Repeat-x akan berulang gambar anda horizontally = memanjang dari atas ke bawah . Repeat-y akan berulang gambar anda vertically.vertically = secara menegak */
}
.xg_module_head {
background-color:transparent;
background-image:url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-repeat:repeat;
margin-bottom:0em; /* ruangan kosong antara kepala tajuk dan kotak module */
border:1px outset #000000; /* taip 0 kalau anda tak mahu garisan sempadan
ada 8 jenis sempadan iaitu dotted, dashed, solid, double, groove, ridge, inset dan outset */
}
#xg { background:transparent !important; }
#xg_body { background:transparent !important; }
.xg_module {
background:url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-repeat:repeat;
border:1px outset #000000; /* taip 0px kalau anda tak nak sempadan */
}


/* Salin Semua Data & letakkan pada advance tab */







/* Ini Adalah Standard Codes Yang Anda Boleh Bermain */

/* Codes bermula dari sini */
/*--------------------------------Bar Atas dan Kaki-------------------------- */
#xn_bar,
#xg_foot {
background-color:transparent!important; /* gantikan perkataan transparent untuk menukar warna */
}
/*--------------------------------Kepala Gambar------------------------------- */
#xg {
background:transparent !important;
}
#xg_body {
background:transparent !important;
}
#xg_head {
background: url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-color: transparent!important;
background-repeat: no-repeat;
background-position: center 0px;
}
/*--------------------------------Kepala Tulisan------------------------------- */
#xg_masthead,
#xg_masthead a {
height: 320px; /* Ruangan Antara Kepala Dan Butang Menu */
min-height:120px;
color: #000000; /* Tukar Warna Tulisan Header(kepala) Disini */
}
#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;
}
/*-------------------------------Butang Menu atau Navigator------------------------*/
#xg_navigation ul li.this {
background: #3399FF url(NONE) no-repeat 0 0; /* Warna apabila Butang Menu dipilih Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
border:1px outset #000000; /* taip 0px kalau anda tidak mahu border (sempadan) */
}
#xg_navigation ul li a {
color: #3399FF; /* Warna Text di atas butang Menu Navigator */
border:1px outset #000000; /* set 0px kalau tak nak border */
}
#xg_navigation ul li a:hover {
color: #fff; /* Warna Tulisan Bertukar Bila Kita Arahkan Tetikus Di atas Butang Menu */
background: #000099 url(NONE) no-repeat 0 0; /* Burang Benda nie kalau Anda Tidak Mahu Gambar Disini Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar png jpg dan gif */
border:1px outset #000000; /* set 0px kalau anda tidak mahu border */
}
#xg_navigation ul li.this a {
color: #fff;
background: url(NONE) no-repeat right top; /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
border:1px outset #000000; /* set 0px kalau anda tidak mahu border */
}
/*---------------------------Sub Tab Navigator atau anak butang Menu----------------------------- */
#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); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-position:Center 0px; /* left, right, and center. Or top, bottom, and center pilih mana yg anda minati utk setting gambar latar belakang */
background-attachment:fixed; /* Scroll bermakna bila page kita kebawah gambar akan naik ke atas dan hilang dari page ... Fixed bermakna gambar tidak akan bergerak alau pun kita dah scroll page kita ke bawah */
background-repeat:repeat; /* Repeat, No-repeat, Repeat-x akan berulang gambar anda horizontally = memanjang dari atas ke bawah . Repeat-y akan berulang gambar anda vertically.vertically = secara menegak */
}
/*------------------------------Module Header------------------------------- */
.xg_module_head {
background-color:transparent;
background-image:url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif */
background-repeat:repeat;
margin-bottom:0em; /* ruangan kosong antara kepala tajuk dan kotak module */
border:1px outset #000000; /* set 0px kalau anda tidak mahu border terdapat 8 jenis border(sempadan) iaitu dotted, dashed, solid, double, groove, ridge, inset dan outset */
}
/*------------------------------Module Background-------------------------------- */
.xg_module {
background:url(NONE); /* Gantikan perkataan NONE dengan url image yg anda kehendaki contoh url(http://gambar.saya.nak.letak.jpg) format gambar adalah dari png jpg dan gif klik sini sekiranya anda ingin menggunakan semi transparent bground --> Translucent */
background-color: #000000; /* taip transparent kalu kamu tak mahu letak warna */
background-repeat:repeat;
border:1px outset #000000; /* set 0px kalu tak nak border (sempadan) */
}
/*------------------------------Link Color--------------------------------------*/
body a {
color:#000099; /* warna Link */
}
body a:hover {
color:#3399FF; /* Bila kita letak mouse atas link warna akan berubah */
}
a:visited {
color : #999999; /* warna berubah pada link yg kita dah lawati */
}
/*-----------------Scrollbar hanya berfungsi pada Internet Explorer sahaja ----------------- */
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------------------------------- */


/* Salin semua ini dan tampal (paste) dalam Advanced Tab */


Bagai mana nak letak gambar dan link utk menghiaskan page anda

Anda boleh mengunakan image link dari mana² gambar yg anda mahu dengan klik kanan kemudian properties amik url link gambar tersebut dan tampal (paste) dimana bahagian yg anda mahu atau anda sign up di photobucket.com , kemudian upload gambar disana dan gunakan direct link gambar tersebut. sila lihat cara² gambar di bawah




background-image:url(NONE); Gantikan Perkataan NONE dengan url gambar yg anda kehendaki

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