ေရႊတိဂံုဘုရားပံုပါေသာနမူနာ theme css codeႏွင္႔ ေနာက္ခံပံုအျပည္႔၊အဆက္ျပဳလုပ္နည္း

/*****START CODE*****TG**/ #xg_sitename { visibility: hidden; }#xg_sitedesc { visibility: hidden; }
#xn_bar {display: none !important;}

/****** NINGBAR & FOOTER *****/
#xn_bar,
#xg_foot {
background-color: transparent !important;
}

#xg {
background-color: transparent;
background-position: center 0px;
}

/***** #1 THEME BACKGROUND *****/
body {
background: url(http://i893.photobucket.com/albums/ac133/sunshine1500/Shwedagon_pag...) no-repeat fixed center;
-o-background-size: 100% auto;
-moz-background-size: 100% auto;
-khtml-background-size: 100% auto;
-webkit-background-size: 100% auto;
color: #F89E9E;
width: auto;
padding: 0;
margin: 0;
background-color: #000000;
}


/*****#2 HEADER IMAGE *****/

#xg {
background-color: transparent !important;
background-image: url(image link);
background-repeat: no-repeat;
background-position:left 0px;
border: 0px solid #000000;
margin-top: 1em;

}

/*****HEADER HEIGHT & SITE NAME COLOR*****/
#xg_masthead,
#xg_masthead a {
height: 50px;
color:/* site-name-color */transparent;
}

#xg_masthead p#xg_sitename {
padding-top:0px;
margin-left: 300px;
font-size: 0px;
font-family: Georgia, Avant Garde;
line-height:1.5em;
font-weight:bold;
}
/***** SITE TAGLINE ****TG*/
#xg_masthead p#xg_sitedesc {
padding-top:0px;
margin-left: 315px;
color:transparent !important;
font-family: Georgia, Avant Garde;
font-size:0px;
font-weight:bold;

padding: 0 0 0 0px;
margin-bottom: 0em;
}


/***** #3 NAVIGATION BAR *****/


#xg_navigation {
width: 150px;
position:relative;
right:-50px;
top: -165px;
margin-top: 15px;
margin-bottom: 15px;
margin-left:15px
margin-right: 0px;
background:transparent url(image link) no-repeat;
padding-top: 115px;
height: 190px;
width: 150px;
}
#xg_navigation ul li {
border :0px ridge ;
float:right;
font-size:13px;
font-family: Georgia, Avant Garde;
font-weight:bold;
color:#ffffff;
margin-bottom: 0px;
text-align:left;
width:150px;
}
#xg_navigation ul li a {
background:transparent url(image link) no-repeat center 0px;
color:#FFFFFF;
display:block;
text-decoration:none;
line-height:160%;
}
#xg_navigation ul li.this a, #xg_navigation ul li a:hover {
background:transparent url(image link) no-repeat; center left -10px;
color: #FFCC00;
}
#xg_navigation ul li a:hover {
background-color:transparent;
font-weight:bold;
color:#FFCC00;
background:transparent url(image link) no-repeat; left 0px;
}

/*****#4 SUBTAB SECTION*****/

#xg_navigation ul div.xg_subtab ul li a{
position:relative;
LEFT:110px;
top: -22px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
border:1px solid #FFFFFF;
background: url(image link) right repeat-y;
width: 120px;
}
#xg_navigation ul div.xg_subtab ul li a {
font-size:12px;
color:#FFCC00 important;
background:#000000 none !important;
border:1px solid #FFFFFF;
}
#xg_navigation ul div.xg_subtab ul li a:hover {
color:#FFCC00;
font-weight:bold;
background:#000000 url(image link) no-repeat; center 0px !important;
}


/*****# 5 BODY SECTION*****/

.xg_module {
margin-bottom: 2em;
}

/******WELCOME BOX & HEADLINE****TG**/

#xg #xg_body h1 {
color: #FFFF00;
font-family: Georgia, Avant Garde;
weight:bold;
font-size:26px;
text-align: CENTER;
background-color: transparent;
background-image: url(http://www.poqbum.com/animated_hover/images/bluestar.gif);
background-repeat:repeat;
height: auto;
width:auto;
border: 0px solid #FFFFFF;
padding-left:10px;
padding-right:10px;
}

/*****BODY BACKGROUND*****/
#xg_body {
background-position: center 0px;
background-color:/* %pageBgColor% */ transparent;
background-image:/* %pageBgImage% */ url(http://dl3.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif) ;
background-repeat:/* %moduleBgImage_repeat% */ repeat;
background-attachment:fixed !important;
border:0px solid #FFFFFF;
}

/***** LINKS ***TG**/
body a {
color:/* %siteLinkColor% */ #FFFFFF;
}

body a:hover {

color:#CC0000;

text-decoration:none;

background:transparent url(http://dl10.glitter-graphics.net/pub/634/634950t7vde8eg7v.gif);

}


/*****#6 MODULE BACKGROUND *****/
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color:/* %moduleBodyBgColor% */ transparent ;
background-image:/* %moduleBgImage% */ url(http://dl3.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
border:0px solid #FFFFFF;
}

/***** MODULE TEXT *****/
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
color: #FFFF00;
font-weight:bold;
font-size:1em;

}

/***** #7 MODULE HEADERS *****/
.xg_module_head {
background-color: #0000FF;
background-image: url(http://www.poqbum.com/animated_hover/images/lightning.gif);
background-repeat:repeat;
margin-bottom:0em;
border:2px solid #FFFF00;
border-bottom:2px solid #FFFF00;
}

.xg_module_head h2 {
font-size:16px;
margin-left:2pt;
color: #FFFF00;
font-weight:bold;
}

/* scroll box for comment wall */
#xg_module_body,
#xg_module_head h2, .xg_module_comment_wall {
background: url(http://www.poqbum.com/animated_hover/images/comet.gif);
background-repeat:no-repeat;
background-position: top left;
height : 620px;
overflow : auto;
margin : 3px;
text-align : center;
font-size : 16px;
font-family :Tempus Sans ITC, arial;
border:3px solid #330000;
}
#xg_profiles_chatterwall_post_comment{
color:#FFFFFF;
background-color:#000000!important;
background-image:url(http://i857.photobucket.com/albums/ab135/eversmile1500/saw.gif);
background-position:Center;
background-attachment:relative;
background-repeat:no-repeat;height:350px;
}

/*****FOOTER SECTION*****/

#xg_foot,
#xg_foot a {
color:#ffffff;
}

#xg_foot {
border-left:0px solid transparent;
border-right:0px solid transparent;
width:931px;
}



/*****TOP LEFT NAVIGATION ****END CODE*****TG**/
ေနာက္ခံbackground ကိုအျပည္႔အ၀ေပၚရန္ body မွစ၍ တြန္႔ဂြင္းအပိတ္ေနရာအထိ ေအာက္ပါကုတ္အစားထိုးပါ။

 body {
background: url(ဒီေနရာတြင္သင္ထည္႔လိုေသာပံု၏လင္႔ထည္႔ရန္) no-repeat fixed center;
-o-background-size: 100% auto;
-moz-background-size: 100% auto;
-khtml-background-size: 100% auto;
-webkit-background-size: 100% auto;
color: #F89E9E;
width: auto;
padding: 0;
margin: 0;
background-color: none;
}

 ေနာက္ခံပံုကို http://www.glitter-graphics.com/gallery.php?categoryID=42 ; ဆိုက္မွပံုေသးေသးေလးမ်ားယူ၍ ဆက္ထားေသာေနာက္ခံပံုျပဳလုပ္ရန္ body မွစ၍ တြန္႔ဂြင္းအပိတ္ေနရာအထိ ေအာက္ပါကုတ္အစားထိုးပါ။


body {
background:#000066;
background-image: url(http://www.poqbum.com/animated_hover/images/blinkcolors.gif);
background-repeat: repeat;
background-attachment: fixed;
border: none;
color: #C690C6;
font-family: Chancery;
font-size: 9px;
font-weight:bold;
padding: 30px;
}